標簽選擇器：

使用原有的自身的標簽進行樣式的設置；每設置一個標簽，所有的該標簽都存在設置的標簽。

例：p{color:red;}

類選擇器：

需要對想要設置的一個或多個標簽設置相同的class類名，同時一個標簽可以設置多個class類名，中間使用空格隔開 。

例：<p class="pink blue"></p>

.pink{color:red;}

.blue{color:blue;}

ID選擇器：

需要對標簽進行ID的定義，ID在一個網頁中是唯一存在的，使用的時候是通過ID來查找該標簽來進行樣式的設置的。

例：<p id="myhcar"></p>

#myhcar{color:red;}

組合選擇器：

就是樣式設置相同的多個標簽，可以組合在一起進行設置，之間使用“，”隔開。

例：<p id="myhcar"></p>

<a href="#"></a>

p,a{color:red;}

后代選擇器：

就是對嵌套的標簽進行內層標簽的樣式的設置時，不必再設置其他信息就能查找到。中間使用“ ”空格隔開。

例：<div>

<p id="myhcar"></p>

</div>

div p{color:red;}

?子代選擇器：

就是對嵌套標簽進行內層標簽的樣式設置時，僅僅設置子代標簽的相關標簽的樣式設置，而不對孫代的標簽進行設置。

例：.mychar>div{

　　　　width:100px;

　　　　height:100px;

}

<div class="mychar">

　　<div>

　　　　<div>

　　　　</div>

　　</div>

</div>

轉載于:https://www.cnblogs.com/792155879a/p/5723306.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的一些常用的选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。