您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“CSS選擇器有哪些類型”,內容詳細,步驟清晰,細節處理妥當,希望這篇“CSS選擇器有哪些類型”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
我們先看一段代碼:
<!DOCTYPEhtml>
<htmlxmlns="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.繼承選擇器(如:divp,注意兩選擇器用空格鍵分開)
7.偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態:link、visited、active、hover。)
8.字符串匹配的屬性選擇符(^$*三種,分別對應開始、結尾、包含)
讀到這里,這篇“CSS選擇器有哪些類型”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。