CSS 属性 selectors_html/css_WEB-ITnose の違い

ele[attribute] は、ele 要素をattribute 属性と一致させます。

ele[attribute = value] は、attribute 属性と value 値を持つ要素と一致します。

ele[attribute ~= value] は、属性が属性であり、その値の 1 つが value である要素と一致します。 (複数の値はスペースで区切られます)

ele[attribute |= value] は、attribute 属性を持つ要素と一致し、値の 1 つは value または value で始まり、その後に「-」ハイフンが続く ele 要素と一致します。

ele[attribute ^= val] は、val で始まる属性attributeと値を持つ要素と一致します。

ele[attribute $= val] は、属性attributeと値がvalで終わる要素と一致します。

ele[attribute *= val] は、属性attributeとvalを含む値を持つ要素と一致します。

コードを参照:

レンダリングのレンダリング: