css子选择器 css子选择器和后代选择器

css选择器如何选择

CSS选择器可以通过以下步骤进行选择：

标签选择器：使用HTML的标签名选择元素，例如h1{}，p{}等。

类选择器：使用HTML元素的class属性选择元素，例如.class{}。

ID选择器：使用HTML元素的id属性选择元素，例如#id{}。

后代选择器：选择指定元素的所有后代元素，例如div p{}，ul li{}等。

子元素选择器：仅选择指定元素的子元素，例如ul>li{}等。

相邻兄弟选择器：选择紧邻在另一个元素后面的元素，例如h1+p{}等。

通用选择器：选择所有元素，例如*{}等。

属性选择器：通过引用元素的属性和属性值来选择元素，例如[name="value"]等。

伪类选择器：用于选择元素的特殊状态，例如a:hover等。

伪元素选择器：在元素的内容之前或之后添加样式，例如::before、::after等。

组合选择器：结合多个选择器来选择元素，例如p,div{}等。

逗号分隔符：选择多个元素，例如p,div{}等。

通配符选择器：选择文档中所有元素，例如*等。

邻接元素选择器：选择相邻的两个元素，不包括父元素和子元素等。

非子元素选择器：选择某个元素之后的所有兄弟元素，而不仅仅是其子元素等。

属性存在选择器：通过仅指定该元素具有某个属性，而不指定其属性值，来选择元素等。

否定选择器：选择与指定的选择器不匹配的元素等。

css几种选择器的使用

1.类选择器（class选择器）

基本使用：

.类选择器{

属性名: 属性值;

...}

2.id选择器

基本使用：

#id选择器{

属性名: 属性值;

...

}

3. html元素选择器

某个html元素{

属性名: 属性值;

...

}

4.通配符选择器

该选择器可以用到所有的html元素，但是其优先权最低

属性名: 属性值;

...

}

css三种选择器的特点

CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。

（可能名称有不同的说法，但意思都是一样的）标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。