HTML5ã®ç‹¬è‡ªãƒ‡ãƒ¼ã‚¿å±žæ€§ã«CSSを効ã‹ã›ã‚‹æ–¹æ³•ã€‚HTML5ã‹ã‚‰ã€Œç‹¬è‡ªãƒ‡ãƒ¼ã‚¿å±žæ€§ã€ã¾ãŸã¯ã€Œã‚«ã‚¹ã‚¿ãƒ データ属性ã€ã¨å‘¼ã°ã‚Œã‚‹æ–°ã—ã„仕様ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®æ©Ÿèƒ½ã«ã‚ˆã‚Šã€ä»»æ„ã®htmlã®è¦ç´ ã«æŽ¥é 語「data-ã€ã§å§‹ã¾ã‚‹å±žæ€§å€¤ã‚’付与ã™ã‚‹ã“ã¨ã§ã€ãƒ—ライベートãªå€¤ã‚’è¨å®šã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 一例ã¨ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªHTMLãŒè¨˜è¿°ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <ul> <li data-list="first">第１ã®ãƒªã‚¹ãƒˆ</li> <li data-list="second">第２ã®ãƒªã‚¹ãƒˆ</li> <li data-list="third">第３ã®ãƒªã‚¹ãƒˆ</li> </ul> ã“ã“ã§ã¯ä»®ã«ã€Œdata-listã€ã¨ã„ã†ç‹¬è‡ªãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’付与ã—ã€ãã‚Œãžã‚Œã®ãƒªã‚¹ãƒˆã«å€‹åˆ¥ã®å€¤ã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€‚上記ã®HTMLコードã«CSSを指定ã™ã‚‹å ´åˆã€é€šå¸¸ã§ã‚ã‚Œã°ã€Œli:nth-child(1)ã€ãªã©ã¨ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨å®šã—ã¦ã„ãã“ã¨ã«ãªã‚Šã¾ã™ãŒã€ä»Šå›žã¯ç‹¬è‡ªãƒ‡ãƒ¼
{{#tags}}- {{label}}
{{/tags}}