總結什麼是css選擇器呢，首先需要了解一下css。css是 cascading（層疊 ）style（樣式） sheet（表）的簡稱，及層疊樣式表，css技術用來美化html頁面，html相當於蓋房子，css相當於裝修，使用css可以把樣式**和html分離。而裝修呢需要工具裝修，選擇器就是我們需要的裝修工具。選擇器可以幫助我們選中需要新增樣式的標籤，而選擇器也分很多種類，下面我就來介紹選擇器的種類。
css選擇器分為簡單選擇器，偽元素選擇器和組合選擇器。簡單選擇器又分為標籤選擇器，類選擇器，id選擇器，萬用字元選擇器，屬性選擇器和偽類選擇器。
標籤名選擇器：通過標籤的名稱找到指定標籤
格式：通過元素名來找到該元素來設定樣式
p <
/style>
這是乙個段落<
/p>
格式：給元素命名，以" . "+命名的方式來給元素設定樣式
.pra
<
/style>
"pra"
>這是乙個段落<
/p>
格式：
*<
/style>
格式：
a[href]
<
/style>
"#">這是乙個鏈結<
/a>
格式：
a:link
/* 未訪問的鏈結 */
a:visited
/* 已訪問的鏈結 */
a:hover
/* 滑鼠移動到鏈結上 */
a:active
/* 選定的鏈結 */
<
/style>
"#">這是乙個鏈結<
/a>
格式：
/* 在標籤之前新增子元素*/
/* content:在偽元素選擇器中代表內容；*/
a::before
/* 在標籤之後新增子元素*/
a::after
"#">這是乙個鏈結<
/a>
1.後代選取器(以空格分隔 後代選取器匹配所有值得元素的後代元素。)
div p
<
/style>
這是乙個段落<
/p>
<
/div>
div > p
<
/style>
這是乙個段落<
/p>
<
/div>
/* 僅對緊挨著p後的h3起作用，而對p前的h3、與不直接與p挨著的h3不起作用*/
p + h3
<
/style>
這個乙個標題<
/h3>
/* 這個h3不會改變樣式*/
這是乙個段落<
/p>
這個乙個標題<
/h3>
這個乙個標題<
/h2>
這個乙個標題<
/h3>
/* 這個h3不會改變樣式*/
<
/div>
/* p前、p後或者不緊挨著的h3都有效*/
p + h3
<
/style>
這是乙個段落<
/p>
這個乙個標題<
/h3>
這個乙個標題<
/h2>
這個乙個標題<
/h3>
<
/div>
以上我是個人對css選擇器的總結。
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...
CSS常用選擇器介紹
希望這篇文章對一些剛入門的新手有所幫助。css樣式設定，常用的幾類選擇器 例 1 id選擇器 首先在元素標籤內定義乙個屬性id，並設定屬性值為test。css樣式的定義，如果是id選擇器，則是 接對應元素標籤內的id屬性值。比如 test 2 元素選擇器 直接通過元素標籤名進行css樣式設定，比如選...