<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>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ### CSS選擇器復習 通用選擇器:* 選擇到所有的元素? 選擇子元素:> 選擇到元素的直接后代(第一級子元素)? 相鄰兄弟選擇器:+ 選擇到緊隨目標元素后的第一個元素? 普通兄弟選擇器:~ 選擇到緊隨其后的所有兄弟元素? ![](https://box.kancloud.cn/2016-04-07_570603f98e9e0.jpg) **偽元素選擇器**:? ::first-line 匹配文本塊的首行? ::first-letter 選擇文本塊的首字母? 偽類選擇器:? :before, :after在元素內容前面、后面添加內容(相當于行內元素)? CSS3結構選擇器? :nth-child 選擇指定索引處的子元素? nth-child(n) 父元素下的第n個子元素? nth-child(odd) 奇數子元素(同nth-child(2n-1))? nth-child(even) 偶數子元素(同nth-child(2n))? nth-child(an+b) 公式? (nth-child從1開始)? :nth-last-child(n) 倒數第n個子元素? :nth-of-type(n) 父元素下的第n個指定類型的子元素? :nth-last-of-type 父元素下的倒數第n個指定類型的子元素? :first-child 選擇父元素下的第一個子元素? :last-child 選擇父元素下的最后一個子元素? :only-child 選擇父元素下唯一的子元素? :only-of-type 選擇父元素下指定類型的唯一子元素? :root 選擇文檔的根目錄,返回html? ![](https://box.kancloud.cn/2016-04-07_570603f9a34b8.jpg) div :only-child注意空格(選中div下唯一的子元素)? **偽類選擇器**? :link指向未被訪問頁面的鏈接設置樣式? :visited設置指向已訪問頁面的鏈接的樣式? :hover鼠標懸停時觸發? :active在點擊時觸發? :enabled 選擇啟用狀態元素? :disabled 選擇禁用狀態元素? :checked 選擇被選中的input元素(單選按鈕或復選框)? :default 選擇默認元素? :valid、invalid 根據輸入驗證選擇有效或無效的input元素? :in-range、out-of-range 選擇指定范圍之內或者之外受限的元素? :repuired、optional 根據是否允許:required屬性選擇input元素? ![](https://box.kancloud.cn/2016-04-07_570603f9b654c.jpg)? 如果將link的顏色設置的與visited相同,則頁面打開時,link的樣式被visited樣式覆蓋,如上,a標簽顯示的字體顏色為綠色。? 但是如果設置為不同的屬性,可以呈現出疊加的效果。? ![](https://box.kancloud.cn/2016-04-07_570603f9c97e3.jpg)? ![](https://box.kancloud.cn/2016-04-07_570603f9de323.jpg) 點擊a標簽時,字體的顏色為黃色。? 利用label修改radio的樣式:如下: ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Keywords" content="關鍵詞一,關鍵詞二"> <meta name="Description" content="網站描述內容"> <meta name="Author" content="劉艷"> <title></title> <style> input[type="radio"]{display: none;} label{display: inline-block;width: 24px;height: 24px; border-radius: 50%;border: 1px solid #ccc;margin: 5px;} :checked + label{background: #00b3ee;} </style> </head> <body> <input type="radio" name = "fruit" id = "check1"/> <label for="check1"></label> <input type="radio" name = "fruit" id = "check2"/> <label for="check2"></label> <input type="radio" name = "fruit" id = "check3"/> <label for="check3"></label> <input type="radio" name = "fruit" id = "check4"/> <label for="check4"></label> </body> </html> ~~~ 實現的效果:? ![](https://box.kancloud.cn/2016-04-07_570603f9f01a7.jpg) **:default** ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Keywords" content="關鍵詞一,關鍵詞二"> <meta name="Description" content="網站描述內容"> <meta name="Author" content="劉艷"> <title></title> <style> :default{background: #009FE6;} </style> </head> <body> <form> <input type="text"> <button>按鈕</button> <input type="submit" value="提交"> </form> </body> </html> ~~~ form表單中默認獲取到焦點的是Button按鈕? ![](https://box.kancloud.cn/2016-04-07_570603fa0e467.jpg) 屬性選擇器? E[attr] 屬性名,不確定具體屬性值? E[attr=”value”] 指定屬性名,并指定其對應屬性值? E[attr ~=”value”] 指定屬性名,找到的是具有此屬性名,且與其它屬性名之間用空格隔開,如下:? ![](https://box.kancloud.cn/2016-04-07_570603fa1f4e4.jpg)? E[attr ^= “value”] 指定屬性名,屬性值以value開頭? E[attr $=”value”] 指定屬性名,屬性值以value結束? E[attr *=”value”] 指定了屬性名,屬性值中包含了value? E[attr |= “value”] 指定屬性名,屬性值以value-開頭或者值為value? ![](https://box.kancloud.cn/2016-04-07_570603fa3200d.jpg)
                  <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>

                              哎呀哎呀视频在线观看