CSS3ã®ä¾¿åˆ©ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’ãŠã•ã‚‰ã„ã€ã€Œ:nth-child()ã€ã¨ã€Œ:nth-of-type()ã€ç–‘似クラスã®ä½¿ã„方「:nth-child()ã€ã¨ã€Œ:nth-of-type()ã€ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã€ä»–ã®å˜ç´”ãªã‚»ãƒ¬ã‚¯ã‚¿ã§ã¯è¡¨ç¾ã§ããªã„ドã‚ュメントツリー内ã®æƒ…å ±ã«åŸºã¥ã„ã¦è¦ç´ ã‚’é¸æŠžã™ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹æ§‹é€ çš„ãªæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã§ã™ã€‚ ã“ã®2ã¤ã®ç–‘似クラスã¯éžå¸¸ã«ä¼¼ã¦ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ç•°ãªã‚‹æ–¹æ³•ã§æ©Ÿèƒ½ã—ã¾ã™ã€‚ãã®ä»•çµ„ã¿ã‚’確èªã—ã¦ãŠãã¾ã—ょã†ã€‚ nth-child vs nth-of-type 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ :nth-child()ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ :nth-of-type()ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ ä»–ã«ã‚‚ã‚る便利ãªã€Œnthã€ç–‘似クラス :nth-child()ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ nth-child（）擬似クラスã¯ã€ãã‚Œã®å…„弟ã®ä¸ã§ã®è¦ç´ ã®ä½ç½®ã‚’ã‚らã‚ã™æ•°ã«åŸºã¥ã„ã¦è¦ç´ を一致ã•ã›ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚具体的ã«ã¯ã€ãã®æ•°ã¯ãƒ‰
{{#tags}}- {{label}}
{{/tags}}