伪对象也叫伪元素,在过去,伪类和伪元素都被书写成前面只加一个冒号,实际上应该是: :weilei ::伪元素 而现在我们为了兼容旧的书写方式,用一个冒号引导伪类也是能被解析的。 伪类一般反应无法在CSS中轻松或者可靠检测到的某个元素的 状态或属性 ; 伪元素表示DOM外部的某种 文档结构 ...
css :checked伪类选择器介绍 css :checked伪类选择器用于选择匹配所有被选中的单选按钮 radio 或复选框 checkbox ,你可以结合:checked伪类选择器和:not选择器来匹配选择没有被选中的单选按钮或复选框。 语法: 如: 设置被选中的单选按钮 radio 或复选框 checkbox 的背景颜色为红色 单选框和复选框只有在Opera浏览器上才能设置背景颜色 css ...
2017-08-12 12:10 0 1688 推荐指数:
伪对象也叫伪元素,在过去,伪类和伪元素都被书写成前面只加一个冒号,实际上应该是: :weilei ::伪元素 而现在我们为了兼容旧的书写方式,用一个冒号引导伪类也是能被解析的。 伪类一般反应无法在CSS中轻松或者可靠检测到的某个元素的 状态或属性 ; 伪元素表示DOM外部的某种 文档结构 ...
在表单元素中,单选框和复选框都有选中和未选中状态,css3中可以通过状态伪类选择器:checked去修改按钮的默认样式 html代码 css代码 最终效果: ...
[CSS快速入门(二)] 伪类选择器 简介 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护 ...
: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、[ 属性 ...