css選擇器有哪些？各種選擇器優先級大小順序

CSS選擇器：

1.標簽選擇器 div { color：Red;} /即頁面各標簽名的css式

2.類選擇器 .divClass {color:Red;} /即定義每標簽class中的css樣式，類選擇可以用於多個樣式中。

3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽id

4.在標簽中直接設置樣式<div style="color:pink;">你好，世界！</div>

5.標簽＋類選擇器 div .divClass {color:red;},兩個樣式中間用“空格”分隔。

6.div,h1,p所有div、h1、p標簽都應用下面樣式，標簽與標簽之間用“，”逗號隔開。

<style type="text/css">
div,h1,p
{
font-size:40pxl;
color:Purple;
}
</style>

7.偽選擇器：a:hover {color:red},偽選擇器以“：”冒號分隔。

選擇器優先級：

在對同一個標簽應用多種樣式時的順序：

直接寫在標簽后面的樣式高於其他樣式>id選擇器>類選擇器>標簽選擇器

注意：當不考慮優先級問題就想讓某一樣式優先使用，可以使用下面屬性：!important

 

div
{
color: Purple !important;
}