全国服务热线:4008-888-888

技术知识

CSS中的特性挑选符和构造化伪类

特性挑选符
特性名挑选符

文件格式:标识名[特性名]
示例:

CSS Code拷贝內容到剪贴板
  1. img[title] {border:2px solid blue;}  

    提醒:1般来讲,人们常常给 alt 和 title 特性设置同样的值。 alt 特性中的文字会在照片因故未能载入时显示信息,或由显示屏阅读文章器诵读出来。而 title 特性会在客户电脑鼠标挪动到照片上时,显示信息1个包括相应文字的提醒。

特性值挑选符

文件格式:[特性名="特性值"]
示例:

CSS Code拷贝內容到剪贴板
  1. img[title="red flower"] {border:4px solid green;}  

表明:在 HTML5 中, 特性值的引号可加可不加,在此以便清晰起见,提议加上。

构造化伪类

构造化伪类能够依据标识的构造运用款式,例如依据某元素的父元素或前面的同胞元素是甚么。
first-child和:last-child

文件格式:

CSS Code拷贝內容到剪贴板
  1. e:first-child   
  2. e:last-child  

示例:

CSS Code拷贝內容到剪贴板
  1. ol.results li:first-child {color:blue;}  

nth-child

文件格式:

CSS Code拷贝內容到剪贴板
  1. e:nth-child(n)  

示例:

CSS Code拷贝內容到剪贴板
  1. li:nth-child(3)  

表明:e 表明元素名,n 表明1个标值(还可以应用 odd 或 even)



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服