本文主要
介绍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表示值(也可以使用奇数或偶数)。