wordpress靜態(tài)生成西安優(yōu)化外
目錄
非 VIP 用戶可前往公眾號(hào)進(jìn)行免費(fèi)閱讀
標(biāo)簽選擇器
id 選擇器
類選擇器
介紹
公共類
CSS 中優(yōu)先用 class 選擇器，慎用 id 選擇器
后代選擇器
交集選擇器
以標(biāo)簽名作為開頭
以類名作為開頭
連續(xù)交集
并集選擇器（分組選擇器）
通配符*
兒子選擇器 >（IE7 開始兼容，IE6 不兼容）
下一個(gè)兄弟選擇器（IE7 開始兼容，IE6 不兼容）
序選擇器（IE8 開始兼容，IE6、7 都不兼容）
非 VIP 用戶可前往公眾號(hào)進(jìn)行免費(fèi)閱讀
CSS 選擇器的分類與使用要點(diǎn)一這篇文章主要介紹了 CSS 選擇器，包括標(biāo)簽選擇器、id 選擇器、類選擇器（含介紹、公共類等），還提到在 CSS 中優(yōu)先用 class 選擇器，慎用 id 選擇器，另外還有后代選擇器和交集選擇器（分以標(biāo)簽名、類名開頭及連續(xù)交集等情況）。
https://mp.weixin.qq.com/s?__biz=MzIxNTcyNjE0NA==&mid=2247484589&idx=1&sn=60d0f725c550261a92d67633639a154d&chksm=9792a582a0e52c94e254d868073069f57d16de20e1c968622145eb27ddd1cabe98256858eee2&scene=21#wechat_redirect
關(guān)注作者微信公眾號(hào)，開啟探索更多 CSS 知識(shí)的精彩之旅。在這里，你將收獲豐富的CSS專業(yè)內(nèi)容，深入了解這一網(wǎng)頁(yè)開發(fā)語(yǔ)言的奧秘，不斷拓展你的知識(shí)邊界，提升技能水平?？靵?lái)關(guān)注吧！
標(biāo)簽選擇器
標(biāo)簽選擇器可選取頁(yè)面上所有特定類型的標(biāo)簽，其作用力度大致相當(dāng)于一個(gè)類名（約 255 個(gè)標(biāo)簽的效果與 1 個(gè)類名相近）。它常常被用于描述同類標(biāo)簽的共同特性，然而在精準(zhǔn)展現(xiàn)某一特定元素的獨(dú)特個(gè)性方面則稍顯乏力。
示例代碼如下：
css:
<style type="text/css">
body{
background-color:pink;
}
h3{
font-size: 14px;
color: red;
}
p{
background-color: skyblue;
text-align: center;
font-weight: bold;
font-size: 22px;
text-decoration:line-through;
color: blue;
}
</style> html:
<body>
<h3>h3標(biāo)題標(biāo)簽</h3>
<ul>
<li>
<ul>
<li>
<ul>
<li>
<ul>
<li><p>p段落標(biāo)簽</p></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>p段落標(biāo)簽</p>
</body> 運(yùn)行結(jié)果：
分析：在這個(gè)示例當(dāng)中，我們運(yùn)用標(biāo)簽選擇器分別針對(duì)<body>、<h3>以及<p>標(biāo)簽設(shè)定了各不相同的樣式。
id 選擇器
在 CSS 中，“#” 乃是 id 選擇器的獨(dú)特標(biāo)識(shí)符號(hào)?？稍?HTML 標(biāo)簽中添加屬性 “id”，從而為特定的標(biāo)簽賦予獨(dú)一無(wú)二的標(biāo)識(shí)符。id 的命名需以字母開頭?