今天這篇文章主要和大家談談CSS中的幾種選擇器 ,需要的朋友可以參考下，希望能幫助到大家。
通配符選擇器以「*」號碼表示，是所有選擇器中作用範圍最廣的，能符合頁面中所有的元素
/*设置当前页面中所有标签的颜色为红色*/* {color: red;
}2、標籤選擇器
標籤選擇器就是選擇目前頁面中相同名字的標籤
/*设置所有p标签的文字颜色为红色*/p {color: red;
}3、ID選擇器
id選擇器使用"#"進行標識，後面緊跟著id名
{:;
}這是標題
注意HTML標籤中ID的屬性值在一個頁面中必須是唯一的（是W3C規格而不是硬性規則）。
ID選擇器命名規範
只允許出現字母（大小寫均可，嚴格區分） 、底線、數字，也就是說，id=”Head”和id=”head」不衝突
只允許以字母開頭
命名沒有長度限制，可以是1個字母，也可以是很多個，但不建議太長
不允許出現標籤名稱（不是硬性規定)
类选择器就是选取页面中所有标签的class属性值相同的一类标签，用.（点）表示
{:;
}这是标题1
一个标签可以包含多个类选择器，在class标签中用空格隔开。
.head {color: blue;
}.subHead {font-size: 50px;
}5、复合选择器
交集选择器又称标签指定式选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如
h3.special /* 需要满足标签是h3同时拥有special类 */
或
p#one /* 需要满足标签是p同时id为one */
5.2、并集选择器
并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式
/*同时给标签h3与class为box的元素设置样式*/h3, .box {color: red;font-size: 14px;
}5.3、后代选择器
后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代（后代不仅仅包括儿子，还包括子子孙孙）。
以上是談談CSS中的幾種選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章！
