首頁 >web前端 >css教學 >什麼是CSS選擇器? css選擇器有哪些類型

什麼是CSS選擇器? css選擇器有哪些類型

云罗郡主
云罗郡主原創
2018-11-03 14:44:315943瀏覽

在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>

效果如下:

什麼是CSS選擇器? css選擇器有哪些類型

如果我們想要把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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn