【建设网站需要多少钱】
应用此样式的代码如下:
<p title=”myTest”>匹配具有att属性且值以val结尾的E元素</p>
(7) E[att木=val]属性值子串选择符
E[att*=val]属性值子串选择符用于子字符串匹配,只要属性中存在指定字符串即应用样式,使用[枣=]形式控制。其格式为:
E【att*=val]
{
/*CSS代码+/
}
其中,E表示网页元素,att表示元素的属性,val表示属性值。E[att木=val]属性值子串选择符匹配文档中具有att属性且其包含val的E元素。示例代码如下:
p[title*=”est”]{
color:#ff0000;
)
应用此样式的代码如下:
<p title=”myTest”>匹配具有att属性且值包含val的E元素</p>
11.伪类选择符
伪类选择符和类选择符不同,不能像类选择符一样随意用别的名字。伪类可以理解为对象(选择符)在某个特殊状态下(伪类)的样式。
(1) E:root结构性伪类选择符
E:root结构性伪类选择符用于匹配文档的根元素。在HTML中,根元素永远是HTML。甘披斗地一其中,E表示网页元素,root表示根,att表示元素的属性。示例代码如下:
html:root {background-color:#dcdcdc;)
应用此样式的代码如下:
<div style=”width:233px; border: lpx solid #666; padding:5px;”>
<p>结构性伪类E:root</p>
浏览器中的浏览效果如图6-8所示。
(2) E:nth-child(n)结构性伪类选择符
E:nth-child(n)结构性伪类选择符用于匹配父元素中的第胛个子元素E。其格式为:
E:nth-child(n):[att]
{
/*CSS代码+/ i
)
本文地址:
http://www.yishenzhou.com/yes/post/376.html | 分类:网络公关 |
次阅读