html选择器符号,css 选择器符号

1. 空格 —— “后代选择器”

例如下面这个例子，表示div元素里面所有的p元素

div p {

...

}

2. > —— “子选择器”

例如下面这个例子，表示div元素里面所有的子代(不含孙代及以后)p元素

div>p {

...

}

3. ~ —— “后继选择器”

例如下面这个例子，表示.cls元素往后的同级的p元素

.cls~p {

...

}

4. + —— "直接后继选择器"

例如下面这个例子，表示.cls元素往后的一个同级元素(并且要求这个元素是p元素)

.cls+p {

...

}

5. || —— “列选择器” (浏览器还没实现)

例如下面这个例子，表示.aaa列的所有td元素

.aaa || td {

background: red;

}

标签：...,符号,元素,例子,div,选择器,css,cls

来源： https://www.cnblogs.com/amiezhang/p/10801627.html