選擇器作用: 選擇頁面上的某一個或者某一類元素
基本選擇器：

• 標簽選擇器： 選擇這一類所有的標簽 標簽{}
• 類選擇器 class: 選擇所有class屬性一致的標簽，跨標簽 .類名{}
• id選擇器: 全局唯一。 #id名{}

優先級是固定的：
id選擇器>class選擇器>標簽選擇器

層次選擇器

• 后代選擇器: 在某個元素的后面,所有的后代都選擇

body p{background: red; } /*body后面的p標簽的后代都變色。*/

• 子選擇器,只選擇一代

body>p{background: red; }

• 相鄰兄弟選擇器，只有一個相鄰(向下)

.cdc+p{background: red; } /*將類名為cdc的下面的兄弟p標簽變色*/

• 通用選擇器，當前選中元素的向下的所有兄弟元素

.cdc~p{background: red; }

結構偽類選擇器

屬性選擇器

p[id="123"] {color: red; } /*將p標簽中 id="123" 的變成紅色*/p[id] {color: red; } /*將p標簽中有id屬性的變成紅色*/

• = 絕對等于
• *= 包含這個元素
• ^= 以這個開頭
• $= 以這個結尾

總結

以上是生活随笔為你收集整理的CSS之【选择器】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。