分享更有价值
被信任是一种快乐

css3新增伪类选择器是什么

文章页正文上

本篇内容介绍了“css3新增伪类选择器是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 新增伪类选择器有:1、“:root”,匹配文档的根元素;2、“:first-child”,匹配父元素的第一个子元素;3、“:last-child”,匹配父元素的最后一个子元素;4、“:empty”,匹配空元素;5、“:target”等等。本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤。CSS 3提供的伪类选择器主要分为以下三类:结构性伪类选择器UI元素状态伪类选择器其他伪类选择器1、结构性伪类选择器:root:匹配文档的根元素。在HTML文档中,根元素永远是元素。:first-child:匹配符合选择器,且必须是其父元素的第一个子节点的元素。:last-child:匹配符合选择器,且必须是其父元素的最后一个子节点的元素。:nth-child(n):匹配符合选择器,且必须是其父元素的第n个子节点的元素。:nth-last-child(n):匹配符合选择器,且必须是其父元素的倒数第n个子节点的元素。:only-child:匹配符合选择器,且必须是其父元素的唯一子节点的元素。:first-of-type:匹配符合选择器,且是与它同类型、同级的兄弟元素中的第一个元素。:last-of-type:匹配符合选择器,且是与它同类型、同级的兄弟元素中的最后一个元素。:nth-of-type(n):匹配符合选择器,且是与它同类型、同级的兄弟元素中的第n个元素。:nth-last-of-type(n):匹配符合选择器,且是与它同类型、同级的兄弟元素中的倒数第n个元素:only-of-type:匹配符合选择器,且是与它同类型、同级的兄弟元素中的唯一一个元素。:empty:匹配符合选择器,且其内部没有任何子元素(包括文本节点)的元素。:lang(lang):匹配符合选择器,且内容是特定语言的元素。对于:nth-child和:nth-last-child两个伪类选择器,还支持如下用法。  :nth-c免费云主机、域名hild(odd/event):匹配符合选择器,且必须是其父元素的第奇数个/偶数个子节点的元素  :nth-last-child(odd/event):匹配符合选择器,且必须是其父元素的第奇数个/偶数个子节点的元素  :nth-child(xn y):匹配符合选择器,且必须是其父元素的第xn y个子节点的元素  :nth-last-child(xn y):匹配符合选择器,且必须是其父元素的第xn y个子节点的元素使用:nth-last-child伪类选择器的示例如下:其效果如下:
2、UI元素状态伪类选择器UI元素状态伪类选择器包含有::enabled:匹配所有用户界面(form表单)中处于可用状态的元素:disabled:匹配所有用户界面(form表单)中处于不可用状态的元素:checked:匹配所有用户界面(form表单)中处于选中状态的元素::selection(该选择器前面有两个冒号):匹配元素中被用户选中或处于高亮状态的部分3、其他伪类选择器3.1:target伪类选择器(匹配符合选择器且必须是命名锚点目标的元素)    要求元素必须是命名锚点的目标,且必须是当前正在访问的目标。它的作用是页面可通过该选择器高亮显示正在被访问的目标。下面示范了:target选择器的用法(该代码为《疯狂HTML 5 CSS 3 JavaScript讲义》中的示例代码)
疯狂Java讲义|
轻量级JavaEE企业应用实战|
疯狂Android讲义|
经典JavaEE企业应用实战
本书详细介绍了Java语言各方面的内容。本书详细介绍Struts2、Spring3、Hibernate三个框架整合开发的知识本书详细介绍了Android应用开发的知识。本书详细介绍JSF、EJB3、JPA等JavaEE相关的知识3.2:not伪类选择器(匹配符合1选择器但不符合2选择器的元素,相当于用1减去2)
下面页面代码示范了:not选择器的用法:从运行结果可以看到,除了id为ajax的所有“css3新增伪类选择器是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站,小编将为大家输出更多高质量的实用文章!

相关推荐: uni-app商品分类页面怎么实现

这篇文章主要介绍“uni-app商品分类页面怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“uni-app商品分类页面怎么实现”文章能帮助大家解决问题。在data节点定义数据cateList2请求数据时在函数ge…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册