前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于 ...
Pseudo Classes Selectors 伪类选择器 E:not s E:root E:target E:first child E:last child E:only child E:nth child n E:nth last child n 这上面一行的选择器,都会考虑其他元素的的影响。 E:first of type E:last of type E:only of type E: ...
2019-07-15 13:07 1 5919 推荐指数:
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于 ...
一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
伪元素选择器属性介绍 •伪元素主要作用就是操作元素的文本和添加内容 •伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中 ...
复制备份来的,以方便学习查看: 伪类 按现在的规范应当书写成 :weilei伪元素 按现在的规范 应当书写成 ::weiyuansu 但是 以前规范不明确的时候 伪元素 和 伪类 都是写成 :weiyuansu :weilei为了兼容过去的写法所以 你的伪元素 写成一个引号的形式 也是 ...
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child ...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素,不用额外再添加class或者id比如需要选择 ...
伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。 在 CSS 定义中,a:hover 必须被置于 a:link ...
伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤。CSS 3提供的伪类选择器主要分为以下三类: 结构性伪类选择器 UI元素状态伪类选择器 其他伪类选择器 1、结构性伪类选择器 Selector:root:匹配文档的根元素 ...