在css樣式中,通常都是由三個部分組成,選擇器和屬性,屬性值,但是很多css小白對CSS選擇器並不是很熟悉,下面我們就來講解一下什麼是CSS選擇器? css選擇器有哪些類型?【推薦閱讀:30個CSS3選擇器用法總結】
我們先看一段程式碼:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>什么叫CSS选择器?</title> </head> <body> <div>php1</div> <div>php2</div> <div>php3</div> </body> </html>
效果如下:
如果我們想要把php2設定成藍色,該怎麼辦呢?我們必須用一種方式來「選取」第二個div,然後把它的CSS屬性顏色color改為藍色,像這種把某一個元素改成你想要的效果,把你想要的標籤選中的方式就是所謂的“選擇器”,也就是說選擇器就是一種選擇元素的方式。
所謂選擇器,說白了就是用一種方式把你想要的那個標籤選中!把它選中了,你才能操作這個標籤的CSS樣式。這樣夠簡單了吧。 CSS有許多把你所需要的標籤選中的方式,這些不同的方式就是不同的選擇器。
二:css選擇器有哪些類型
1.標籤選擇器(如:body,div,p,ul,li)
2.類別選擇器(如:class="head",class="head_logo")
3.ID選擇器(如:id="name",id="name_txt")
4.全域選擇器(如:*號)
5.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)
6.繼承選擇器(如:div p ,注意兩選擇器用空白鍵分開)
7.偽類選擇器(如:就是連結樣式,a元素的偽類,4種不同的狀態:link、visited、active、hover。)
8.字串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含)
#以上就是對什麼是CSS選擇器? css選擇器有哪些類型的全部介紹,如果你想了解更多有關CSS3教程,關注php中文網。
以上是什麼是CSS選擇器? css選擇器有哪些類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!