在css樣式中,一般都是由三部分組成,選擇器和屬性,屬性值,但是很多css小白對CSS選擇器并不是很熟悉,下面我們就來講解一下什么是CSS選擇器?css選擇器有哪些類型?【推薦閱讀:30個CSS3選擇器用法總結】
我們先看一段代碼:
php1php2php3
效果如下:
如果我們想要把php2設置成藍色,怎么辦呢?我們必須通過一種方式來“選中”第二個div,然后把它的CSS屬性顏色color改為藍色,像這種把某一個元素改成你想要的效果css大于號是什么選擇器,把你想要的標簽選中的方式就是所謂的“選擇器”,也就是說選擇器就是一種選擇元素的方式。
所謂選擇器css大于號是什么選擇器,說白了就是用一種方式把你想要的那一個標簽選中!把它選中了,你才能操作這個標簽的CSS樣式。這樣夠簡單了吧。CSS有很多把你所需要的標簽選中的方式,這些不同的方式就是不同的選擇器。
二:css選擇器有哪些類型
1.標簽選擇器(如:body,div,p,ul,li)
2.類選擇器(如:class="head",class="")
3.ID選擇器(如:id="name",id="")
4.全局選擇器(如:*號)
5.組合選擇器(如:.head .,注意兩選擇器用空格鍵分開)
6.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)
7.偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態:link、、、hover。)
8.字符串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含)