CSS3——新增的选择器

Posted yangpeixian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3——新增的选择器相关的知识,希望对你有一定的参考价值。

CSS3新增的三个模块 

技术图片

关系选择器

E+F

下一个满足条件的兄弟元素节点

技术图片

 

E~F

并列结构下满足条件的兄弟元素节点

 技术图片

属性选择器

E[attr~="val"]

技术图片

E[attr |="val"]

技术图片

 

E[attr^="val"]

技术图片

 

E[attr$="val"]

技术图片

 

E[attr*="val"]

  技术图片

伪元素选择器

E::placeholder

技术图片

E::selection

技术图片

效果

技术图片

以上是关于CSS3——新增的选择器的主要内容,如果未能解决你的问题,请参考以下文章

CSS3新增选择器

CSS3——新增的选择器

CSS3新增的哪些选择器和常见的属性是哪些?

CSS选择器(包含CSS3新增的伪类和属性选择器等)

CSS3新增的常用方法以及CSS常见属性整理

html 5 的CSS3新增的伪类选择器还包括哪些?