您的位置:首页 > 其它

属性选择器(通配符)

2015-12-18 09:27 183 查看


实例展示:
<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="there is two boxs">我的背景想变成蓝色</a>

</body>

</html>

显示结果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: