[CSS]便利ãªã‚»ãƒ¬ã‚¯ã‚¿ã®ä½¿ã„æ–¹ãŒå®Ÿä¾‹ã‚’見ãªãŒã‚‰å¦ã¹ã‚‹ -CSS SelectorsCSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã®è¨˜è¿°ä¾‹ã¨ãã‚ŒãŒã©ã®ã‚ˆã†ã«é©ç”¨ã•ã‚Œã‚‹ã‹ã€å®Ÿä¾‹ã‚’見ãªãŒã‚‰å¦ã¹ã‚‹ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ å„ブラウザã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ã‚‚掲載ã•ã‚Œã¦ã„ã¾ã™ã€‚ Learn CSS Selectors interactively ※閉鎖ã—ã¦ã—ã¾ã£ãŸã‚ˆã†ã§ã™ï¼ˆ2014å¹´11月）。 [ad#ad-2] サイトã«æŽ²è¼‰ã•ã‚Œã¦ã„るセレクタをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ :first-of-type ã“ã®ç–‘似クラスã¯ã€æŒ‡å®šã•ã‚ŒãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®æœ€åˆã®åエレメントã«ãƒžãƒƒãƒã—ã¾ã™ã€‚ 記述例 #target p:first-of-type {color: #36de4e;} 表示 対応ブラウザ Firefox Chrome Safari Opera Internet Explorer [ad#ad-2] :first-child ã“ã®ç–‘似クラスã¯ã€è¦ªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®æœ€åˆã®åエレメントã§ã‚ã‚‹å ´åˆã®ã¿ãƒžãƒƒãƒã—ã¾ã™ã€‚ 記述例 #target p:
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
{{#tags}}- {{label}}
{{/tags}}