:first-child 选择某个元素的第一个子元素(IE6不支持) :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级 ...
CSS快速入门 二 伪类选择器 简介 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活 更易于维护 伪类就是开头为冒号的关键字: 伪类示例 如果想修改的是第一段的话,并不是通过类选择器去匹配修改,可以使用:first ...
2022-02-10 09:16 0 1478 推荐指数:
:first-child 选择某个元素的第一个子元素(IE6不支持) :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级 ...
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于 ...
伪类选择器 伪类专门用来表示元素的一种特殊的状态 比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框 当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类 有四个伪类可以让你根据访问者与该链接的交互方式,将链接设置成4种不同的状态: * 正常链接 ...
1、类选择器:class名 =>p.info {} //选择class为info的所有p元素 2、id选择器: id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器:标签名 => div {} //选择所有 ...
一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
属性选择器 属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了 3 种属性选择器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 属性选择器 E[att^=value] 属性选择器是指选择名称为 E ...
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child ...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素,不用额外再添加class或者id比如需要选择 ...