建站
咨詢
售后
建站咨詢
新聞中心
什么是 :is 與 :where?
:is() 和 :where() 都是偽類函數(shù)，可以幫助縮短和停止創(chuàng)建選擇器時(shí)的重復(fù)。它們都接受選擇器的參數(shù)數(shù)組(id，類，標(biāo)簽等)，并選擇可以在該列表中選擇的任何元素。
成都創(chuàng)新互聯(lián)公司是專業(yè)的新鄭網(wǎng)站建設(shè)公司，新鄭接單;提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行新鄭網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
這對如何幫助我們編寫更短的選擇器可能沒有多大意義，所以讓我們嘗試使用 :where() 和 :is() 。
如何使用 :is 與 :where?
:where() 可以幫助我們解決類似這樣的問題：
- .btn span > a:hover,
- #header span > a:hover,
- #footer span > a:hover {
- ...
- }
變成這樣的東西
- :where(.btn, #header, #footer) span > a:hover {
- ...
- }
和 :is() 可以幫助將相同的示例添加到該示例中。
:is 與 :where 和有什么不一樣?
:where() 和 :is() 看起來和功能都是一樣的，但是它們之間有一個(gè)區(qū)別要記住，那就是它們有不同的特殊性。:where() 是簡單的，其特異性總是為0，而 :is() 的特異性為最強(qiáng)的選擇器。
什么是CSS特異性(簡而言之)?
在CSS中有四個(gè)層次的特異性層次。每一個(gè)級別或類別都有不同的分?jǐn)?shù)，我們可以將所有的分?jǐn)?shù)相加來計(jì)算選擇器的特異性。
哪個(gè)選擇器的數(shù)量最多，哪個(gè)元素的樣式就會被應(yīng)用到該元素上，這就是為什么有時(shí)當(dāng)你寫CSS時(shí)，你的樣式不會被應(yīng)用，會在開發(fā)工具中顯示為劃線。
特異性等級評分：
- ID——特異性得分為 100
- 內(nèi)聯(lián)樣式——特異性得分為 1000
- 元素和偽類——特異性得分為 1
- 類、偽類和屬性——特異性得分為 10 例如
例如：
- button.btn {
- color: red;
- }
- .btn {
- color: green;
- }
- .btn = 10
- button.btn = 1 + 10 = 11
如果我們把 .btn 類放在
分享題目：CSS的：where和：is偽類函數(shù)介紹
文章轉(zhuǎn)載：http://m.5511xx.com/article/coepphh.html
