25シリアルHTMLワイルドカードセレクターセレクター&エクササイズ

ワイルドカードセレクタ

役割:現在のページ設定プロパティ上のすべてのタグに

(2)フォーマット:

 

* {属性:値;}

 

 

(3)注:ワイルドカードセレクタは、そうすべてのラベルを介して設定する前に、画面上のすべてのラベルのプロパティを設定されているので、現在のインターフェイスより上のラベルは、パフォーマンスが悪くなる場合、それは企業で一般的です開発プロセスは、一般的に、ワイルドカードセレクターを使用しないでください。

(4)実施例:

 

        {* 

            色:赤; 

        } 

......省略コード....... 

< のH1 > Iタイトル</ のH1 > 

< P > I段落である</ P > 

< A HREF =「# " >私はリンクしています。</ A >

 

第二に、セレクタ演習

次のメソッドは、ラベルpのプロパティを設定することができます

何の最善の方法は、もう一度練習しているセレクタの前に学習するだけで、より適切なアプローチではありません

 

<!DOCTYPE HTML > 

< HTML LANG = "EN" > 

< > 

    < メタ文字コード= "UTF-8" > 

    < タイトル> d82_selector_comprehensive_exercise </ タイトル> 

    < スタイル> \ 

        / * 标签选择器* / 

        P { 
; 

        } 

        / * ID选择器* / 

        #のidentity1 { 


        }

        identity2位{ 
; 

        } 

        / * クラスセレクタ* / 

        .para { 
; 

         } 

        / * 子孫セレクタ* / 

        DIVのP { 
黄色; 

        } 

        / * 子要素セレクタ* / 

        DIV> P { 
; 

        } 

        / * 交差セレクタ* / 

        p.para { 


        } 

        / * ダイバーシティセレクタ* / 

        #identity1、#identity2 { 
小麦; 

        } 

        / * 一般兄弟セレクタ* / 

        〜PのH1 { 
#1 37fa1e ; 

        } 

        / * シーケンサセレクタ* / 

        P:N次の型(N + 1){ 
; 

        } 

        / * 属性セレクタ* / 

        P [ID] { 
#ff4b54 ; 

        } 

</ スタイル> 

</ ヘッド> 

< ボディ> 

< h1は>私はラベルだ</ H1 > 

< divの> 

< p型以上のid言及= "identity1" クラス= "パラ" >私は、段落1 </ p型> 

< p型以上のid言及= "identity2" クラス= "パラ" >私は、段落2 </ p型> 

</ DIV > 

</ ボディ> 

</ HTML >

 

第三に、ソースコード:

d81_wildcard_selector.htm

d82_selector_comprehensive_exercise.html

住所:

https://github.com/ruigege66/HTML_learning

2.CSDNます。https://blog.csdn.net/weixin_44630050(西6月6月ムードが知らない - ルイを)

3.パークブログます。https://www.cnblogs.com/ruigege0000/

4.マイクロチャンネル公衆数に焦点を歓迎:フーリエ変換、舞台裏の返信「贈り物」ビッグデータ集録Javaの学習ビデオのパッケージ

 

 

おすすめ

転載: www.cnblogs.com/ruigege0000/p/11241750.html