ホームページ > 記事 > ウェブフロントエンド > 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を含む値を持つ要素と一致します。
コードを参照:
レンダリングのレンダリング: