css中什么是伪类选择器?伪类选择器的简要介绍

作者&投稿:养齐 (若有异议请与网页底部的电邮联系)
~ 本章为您讲解CSS中伪类选择器的概念及简要介绍,帮助您了解伪类选择器的作用和分类。

伪类选择器(简称:伪类)使用冒号来定义,它定义了元素的状态,如点击、悬停等,可以用来修改元素状态的样式。

伪类与DOM元素样式功能相似,但不会改变DOM内容。它添加了一些修饰类元素,对用户可见但对DOM不可见。伪类的效果可以通过添加实际类来实现。

伪类选择器主要分为以下几类:动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器、否定伪类选择器。

1. 动态伪类选择器语法:
E:link(链接伪类选择器):选择未访问过的链接。
E:visited(链接伪类选择器):选择已访问过的链接。
E:active(用户行为选择器):选择激活的元素。
E:hover(用户行为选择器):选择鼠标悬停的元素。
E:focus(用户行为选择器):选择获取焦点的元素。

2. UI元素状态伪类选择器:
E:checked(选中状态伪类选择器):匹配选中的复选框或单选按钮。
E:enabled(启用状态伪类选择器):匹配所有启用的表单元素。
E:disabled(不可用状态伪类选择器):匹配所有禁用的表单元素。

3. 结构伪类选择器:
E:first-child:选择父元素的第一个子元素。
E:last-child:选择父元素的最后一个子元素。
E:root:选择文档的根元素。
E:nth-child(n):选择父元素的第n个子元素。
E:nth-last-child(n):选择父元素的倒数第n个子元素。
E:first-of-type:选择父元素中第一个指定类型的元素。
E:last-of-type:选择父元素中最后一个指定类型的元素。
E:only-child:选择父元素中唯一的子元素。
E:only-of-type:选择父元素中唯一的同类型子元素。
E:empty:选择没有子元素的元素。

4. 否定伪类选择器:
E:not(F):匹配所有除元素F外的E元素。

以上是CSS中伪类选择器的简要介绍,更多内容请关注我!


js怎么获取css样式里的background属性值呢?
ss文件中如何得到某个属性值:一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器;语法:var style=window.getComputedStyle(“元素”,“伪类”);第一个参数是必须的,第二个为可选的。二、currentStyle 是一款可以兼容...

泾阳县15054472647: css结构伪类选择器是什么意思 -
旗贩维脂: CSS 伪类用于向某些选择器添加特殊的效果. 伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见. http://www.cnblogs.com/zcynine/p/5008985.html

泾阳县15054472647: 如何理解这种CSS伪类选择器? -
旗贩维脂: 首先,*:first-child这个伪类的作用是匹配*这个标签的第一个元素.但是事实上,有的浏览器并没有这样的解释这个伪类.所以为了准确不出错,我们需要另外一个选择器*>*:first-child.比如,p>i:first-child这个选择器<p> <i>可以匹配选择器样式</i> <i>正常显示</i> </p> <p> <i>正常显示</i> </p>

泾阳县15054472647: css伪类选择器怎么用 -
旗贩维脂: 伪类选择器hover可以在鼠标移到链接上时设置一些特殊样式,比如字体大小,背景颜色,显示隐藏等等.注意:伪类选择器hover 可以作用于所有元素,不仅仅是链接.与hover类似的选择器还有link,visited,active. link 选择器可以设置未被访...

泾阳县15054472647: 简述css中的选择器分类及使用方法 -
旗贩维脂: CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器. 用法如下:#id名 { 属性名:属性值; }.class名 { 属性名:属性值; }标签名 { 属性名:属性值; } 其中,他们之间又可以以不同的方式进行组合,如下:后代选择器: 父代名 后代名 { 属性名:属性值; }子代选择器: 父代名>子代名 { 属性名:属性值; }群组选择器: #name1, .name2, #name div { 属性名:属性值; }伪类选择器: name:伪类通用(通配符)选择器: * { 属性名: 属性值; }……常用的也就这些.

泾阳县15054472647: css伪元素和伪类的区别 -
旗贩维脂: 伪类和伪元素的区别,其实很简单,从字面上就可以理解.它们有一个共同的修饰词“伪”,那么“伪”是什么意思呢?就是假的.所以,伪类就是假的类,伪元素就是假的元素,这就是在字面上它们之间的区别. 定义 伪类: CSS3给出的定...

泾阳县15054472647: css伪类是什么意思? -
旗贩维脂: CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;} a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;} a:hover {font-weight : bold...

泾阳县15054472647: css中什么是伪类和伪元素? -
旗贩维脂: 伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(LVHA).随后CSS2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类. 伪元素则代表了某个元素的子元素,这个子...

泾阳县15054472647: 经常使用的css选择器有哪些 -
旗贩维脂: css2.1有标签选择器、class选择器、id选择器css3就多了,有伪类选择器、属性选择器、伪元素、层级选择器

泾阳县15054472647: CSS3 怎么分清伪元素和伪类.举例子 -
旗贩维脂: 伪类用于向某些选择器添加特殊的效果.伪元素用于将特殊的效果添加到某些选择器.伪类有::first-child ,:link:,vistited,:hover,:active,:focus,:lang 伪元素有::first-line,:first-letter,:before,:after 使用伪类:62616964757a686964616fe59b9ee7ad...

泾阳县15054472647: 简述新建css规则中!3种类型的作用 -
旗贩维脂: 其实你说错了,样式表类型有4种,如下:1、内联样式表 直接在HTML标记内,插入sytle属性,再定义要显示的样式,这是最简单的样式定义方法.不过,利用这种方法定义样式时,效果只可以控制该标记,其语法如下: <标记名称 style="样...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网