CSS 権威ガイド 読書メモ Selector_html/css_WEB-ITnose

セレクター

セレクターのルール構造には、セレクターと宣言ブロックが含まれます。各宣言ブロックは属性のキーと値のペアです (各宣言ブロックはセミコロンで終わるのが最適であることに注意してください)。マッチング属性セレクター

特定の属性選択タイプ

Link 擬似クラス

ご存知かもしれませんが、:link および :visited 擬似クラス セレクターは、body 属性の価格の link および vlink と機能的に同等です。 。

動的疑似クラス

間違った最初の子を使用している可能性があります

        p.warning {            font-weight:bold;            /*其class属性包含词warning的所有段落*/            /*记住解释一般是从左到右读*/        }        .warning.urgent {            background:red;            /*class同时包含warning和urgent的所有元素 其中warning和urgent class没有顺序之分*/            /*选择器当中是没有空格的，如果有空格就成了子元素选择器了*/        }        img[alt] {            font-weight:bold;            /*所有带有alt属性的图像*/        }        a[href="http://www.w3.org"][title="W3C Home"] {            font-size:20px;            /*href值为http://www.w3.org和title值为W3C Home的a链接-------属性值完全匹配才行*/        }        span[class~="barren"] {            font-style:initial;            /*根据属性值中出现的一个用空格分隔的词来完成选择--部分选择值   记住是以空格分隔的一个词*/        }

言語セレクター

        /*这也就是为什么从右向左翻译解释的原因*/        p:first-child {            font-weight:bold;            /*作为某元素的第一个子元素的所有p元素设置为粗体*/        }        li:first-child {            text-transform:uppercase;            /*作为某元素的第一个子元素的所有li元素变为大写*/        }

Pseudo-eleメントセレクター

        *:lang(fr) {            font-style:italic;        }