CSS3中結構僞類選擇器——root、not、empty、target選擇器
1.root選擇器css
將樣式綁定到頁面的根元素中。根元素是指位於文檔樹中最頂層結構的元素，在HTML頁面中就是指包含整個頁面的<html>部分。html
<style type="text/css">spa
:root{htm
background:yellow;文檔
}get
body{樣式
background:green;di
}co
</style>background
注意：不使用root選擇器來指定root元素的背景色，只指定body元素的背景色，則整個頁面就所有變成了綠色。
2.not選擇器
若是想對某個結構元素使用樣式，可是想排除這個結構元素下面的子結構元素，讓它不使用這個樣式時，能夠使用not選擇器。
body*:not(h1){
background:yellow;
}
3.empty選擇器
適用empty選擇器來指定當元素中內容爲空白時使用的樣式。
:empty{
background:yellow;
}
4.target選擇器
使用target選擇器來對頁面中某個target元素（該元素的id被當作頁面的超連接來使用）指定樣式，該樣式只在用戶點擊了頁面的超連接，而且跳轉到target元素後起做用。
<style type="text/css">
:target{
background:yellow;
}
</style>
<a href="#text1">文字1</a>
<div id="text1">
<h1>文字1</h1>
<p>此處省略100個字</p>
</div>
相關文章
- 1. 【CSS3】---結構性僞類選擇器-root+not+empty+target
- 2. CSS3---結構性僞類選擇器—target
- 3. CSS3-target僞類選擇器
- 4. CSS3 選擇器——僞類選擇器
- 5. [css3] :empty 選擇器
- 6. CSS3 結構僞類選擇器 詳解
- 7. CSS3 結構僞類選擇器（全）
- 8. Css3 選擇器 –結構性僞類
- 9. 選擇器、僞類、僞類選擇器
- 10. Css3 選擇器 --僞類
- 更多相關文章...
- • XQuery 選擇 和 過濾 - XQuery 教程
- • MySQL選擇數據庫（MySQL USE語句） - MySQL教程
- • Docker容器實戰(七) - 容器眼光下的文件系統
- • Docker容器實戰(六) - 容器的隔離與限制
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
