CSS3 属性セレクターと (:not) selector_html/css_WEB-ITnose

1: css3 属性セレクター:

img[alt]{    border:2px dashed #000;}  

このセレクターは、ページ タグに alt 属性を含む任意のイメージ タグと一致します。

属性値を設定することで一致範囲を狭めることもできます: 次のコード:

    img[alt="atwi_oscar"]{     border:2px dashed #000;}

css3 部分文字列一致属性セレクター
(1) 「先頭一致」の属性セレクターは次のとおりです:
Element [ attribute^="value"]、コード例は次のとおりです:

   img[alt^="filem"]{        border:2px dashed #000;    }

(2) 'コンテンツを含む一致' 属性セレクター
Element[attribute*="value"]、コード例は次のとおりです:

img[alt*="filem"]{    border:2px dashed #000;}

( 3) 'Match end' 属性セレクター
Element[attribute$="value"]、コード例は次のとおりです:

img[alt$="filem"]{    border:2px dashed #000;}

Two: (:not) selector:

否定疑似クラス セレクター、使用

nav ul li:not(.internal) a{color:#000;}

疑似要素についてもう少し詳しく:

疑似要素の修正
P:first-line は

タグの最初の行を選択します。 ,
P :first-letter は最初の文字を選択します。
CSS3 では、疑似クラスを区別するために、疑似要素に 2 つのコロンを使用する必要があります。ただし、IE8 以前のバージョンでは 2 つのコロンの構文を認識できず、1 つのコロンのみを認識します。

この記事があなたの学習に役立つと思われる場合は、サポートと励ましをお願いします。