CSS中的属性选择器和结构化伪类

CSS中的属性选择器和结构化伪类
本文主要介绍CSS中的属性选择器和结构化伪类,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。
属性选择器
属性名称选择器

格式:标签名{属性名}
实例:

CSS代码将内容复制到剪贴板。
img {标题} {边界:2px固蓝;}

提示:一般来说,人们通常为alt和title属性设置相同的值。alt属性中的文本将在图片未加载时显示,或者屏幕阅读器大声朗读。title属性显示当用户鼠标移动到图片时包含相应文本的提示。

属性值选择器

格式:{属性名称属性值}
实例:

CSS代码将内容复制到剪贴板。
img {标题=红花} {边界:4px固绿;}

说明:在HTML5中,可以添加属性值的引号,为了清晰起见,建议添加它。

结构性伪类

结构化伪类可以根据标记结构使用,例如基于元素的父元素或前同胞元素。
第一个孩子和最后一个孩子

格式:
CSS代码将内容复制到剪贴板。
E:第一个孩子
E:最后一个孩子

实例:

CSS代码将内容复制到剪贴板。
ol.results李:第一个孩子{颜色:蓝色;}

n孩子

格式:

CSS代码将内容复制到剪贴板。
E:n个子(n)

实例:

CSS代码将内容复制到剪贴板。
李:第N个孩子(3)

描述:E表示元素名,n表示值(也可以使用奇数或偶数)。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部