css 选择器符号 您所在的位置:网站首页 css后代选择器用什么符号表达 css 选择器符号

css 选择器符号

2024-06-27 02:14| 来源: 网络整理| 查看: 265

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; } ISBN Title Price 3476896 My first HTML $53 2489604 My first CSS $47

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有