<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ### 選擇器分兩種:一種是基礎選擇器,一種是高級選擇器 ### 基礎選擇器:標簽選擇器,id選擇器, 類名選擇器 ### 高級選擇器: 后代選擇器,交集選擇器,并集選擇器 ## **5.1 標簽選擇器** 選擇方法,通過標簽名選擇 選書寫方法:標簽名 選擇范圍:全標簽 用途:實現全選同名標簽,可以設置公共樣式 缺點:只能進行全選,不能進行單獨搭建。 ``` div{ color:blue; } <div> 這里的內容全部變成CSS里的div樣式</div> ``` 所有div的標簽全部賦值。 ## **5.2 ID選擇器** 通過標簽ID屬性進行選擇 書寫方法: #id 屬性值(自定義)調用 di="自定義名稱" 選擇范圍: 只能選中一個標簽 id其實就是標簽的身份證號,具有唯一性,規定一個頁面中不允許有同名ID屬性。 優點:ID屬性的權重高 缺點:只能實現單選 案例: ``` #p1{ color:blue; } <p id="p1"> 第一段文字</p> ``` ## **5.3 類名選擇器 class** .自定義名稱{ } 案例: ``` .pw{ color:#DC143C; } <p class='pw'> 第一段文字</p> ``` 優點:可以隨意命名 id和class屬性命名規范:第一個字符必須是字母,后面的可以是數字下劃線等。 多個class屬性之間 使用空格隔開 ## **5.4通配符選擇器** *{ CSS屬性 } 寫到CSS文件上面全局全通用。 案例: ``` *{ margin:0; padding:0; } p{ width:100px; height: 100px; background:purple; margin:0; padding:0; } h2{ width:100px; height:100px; background:blue; } <p>文字</p> <h2>我的</h2> ``` 輸出效果: ![](https://img.kancloud.cn/ee/cc/eecc5af02cb9ffd841d4cd4e4e4523bd_1295x501.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看