一,作为元素选择符

* 表示通配选择符

* {} // 所有元素

二,作为关系选择符

空格 表示包含选择符

a div{} // 被a元素包含的div

> 表示子元素选择符

a > div{} // a元素的div子元素,不包括孙辈

+ 表示紧贴之后的元素

a + div{} // 紧贴在a元素之后的div

~ 表示元素后面的所有兄弟元素

a ~ div{} // a元素后面的所有div兄弟元素

三,作为属性选择符

= 表示等于

div[class="test"] {} // 具有class属性且属性值等于test

~ 表示用空格分隔的字词列表,其中一个等于

div[class~="test"] {} // 具有class属性且以空格为间隔的属性值中有一个等于test

^ 表示以val开头

div[class^="test"] {} // 具有class属性且以test开头

$ 表示以val结尾

div[class$="test"] {} // 具有class属性且以test结尾

* 表示包含包含val

div[class*="test"] {} // 具有class属性且包含test

| 表示以val开头并用连接符"-"分隔的字符串的元素

div[class|="test"] {} // 具有class属性且以test开头并用连接符"-"分隔的字符串的元素

四,作为伪类或伪对象选择符

: 表示伪类或伪对象

:: 表示伪对象

随机推荐

  1. eclipse下的spring环境配置

    1) 工具: (1) jdk (2) spring.jar  .commons-logging-1.1.1.jar (因为只是做的简单的demo,所以就只用这两个jar包) spring.jar 是包 ...

  2. 使用docker化的nginx 反向代理 docker化的GSCloud 的方法

    1. 首先将nginx 的image pull 下来. docker pull nginx 2. 将最近的可用的 参数文件 复制过来当一个目录 mkdir /nginx ssh root@linuxs ...

  3. Bootstrap 字体图标(Glyphicons)

    http://www.runoob.com/bootstrap/bootstrap-glyphicons.html 什么是字体图标? 字体图标是在 Web 项目中使用的图标字体.虽然,Glyphico ...

  4. 取消 Vue 中格式编译警告

    使用VS Code在学习 Vue 的过程中,博主是在2.0之后开始学习的,在写项目的时候发现控制台经常会报一大堆的警告,都是关于格式的,有时候少空格,有时候多空格,不胜其烦,出现这个问题是因为在初始化 ...

  5. 创建安全客户端Socket

    SocketFactory factory = SSLSocketFactory.getDefault(); Socket socket = factory.create("localhos ...

  6. netstat -na 查看有大量TIME_WAIT解决办法(修改内核参数)

    # netstat -an|awk '/tcp/ {print $6}'|sort|uniq -c      16 CLOSING     130 ESTABLISHED     298 FIN_WA ...

  7. include与__autoload与命名空间namespace与PSR4详解

    1. include, require, include_once, require_once include和require是PHP中引入源文件最基本的用法,其他例如__autoload, name ...

  8. Ajax之Jquery封装使用举例2(Json和JsonArray处理)

    本例主要使用ajax进行异步数据请求,并针对返回数据为json和jsonarray类型的数据处理. 本例中只有前端的代码,后端代码不是本文重点,故省略. 后端接口返回数据为: Json: {" ...

  9. excel 公式 insert 语句

    ="insert into tb_fdn_deviceaccount (zdmc,czmc,sbbh,sbmc,SZCS,SBFLMC,SBLXMC,SBGG,SBYZ,SBJZ,SBXH, ...

  10. Ubuntu18.04安装RabbitMQ

    Ubuntu18.04安装RabbitMQ 2018年06月10日 19:32:38 dmfrm 阅读数:2492    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog ...