您的位置：首页 > Web前端 > HTML5

HTML5基础加强css样式篇（属性选择器）（十四）

2017-03-16 09:37 543 查看

1.属性选择器简介：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*属性选择器 [属性名]*/
[href]{
text-decoration: none;
}
/*属性选择器 [属性名=属性值]*/
[href="#domId"]{
color: red;
}
/*选择属性值以某字符串结尾*/
/*[属性名$=属性值] $*/
[href$=".html"]{
color: green;
font-size: 36px;
}

/*选择属性值以某字符串开头*/

/*[属性名^=属性值]  ^*/
[href^="http:"]{
color: deeppink;
font-size: 36px;
}

</style>
</head>
<body>

<a href="http://www.baidu.com">百度</a><br>
<a href="/index.html">网页</a><br>
<a href="#domId">锚链接</a><br>
<a>没有HREF的链接元素</a><br>

<script type="text/javascript">
//        Add your code

</script>
</body>
</html>

注：属性选择器也可以和其它选择器混用

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css html5 经验

相关文章推荐

新的分享

章节导航