css3新特性-新增3个属性选择器

CSS3在CSS2的基础上对属性选择器进行了扩展,使得属性选择器有了通配符的概念。

css3新特性-新增3个属性选择器


<style type="text/css">
a[class^="column"]{
    background:red;
    }
a[href$="doc"]{
    background:green;
}
a[title*="box"]{
    background:blue;
}
</style>
</head> 
<body>
<a href="##" class="columnNews">背景红色</a>
<a href="##" class="columnVideo">背景红色</a>
<a href="##" class="columnAboutUs">背景红色</a><br/>
<a href="1.doc">背景绿色</a>
<a href="2.doc">背景绿色</a><br/>
<a href="##" title="this is a box">背景蓝色</a>
<a href="##" title="box1">背景蓝色</a>
<a href="##" title="two boxs">背景蓝色</a>
</body>

你可能感兴趣的:(css3)