CSS 之属性选择符（Attribute）

一、选择符

Selectors
选择符		Description
简介
E[att] 选择具有att属性的E元素。
E[att="val"] 选择具有att属性且属性值等于val的E元素。
E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。
E[att^="val"] 选择具有att属性且属性值为以val开头的字符串的E元素。
E[att$="val"] 选择具有att属性且属性值为以val结尾的字符串的E元素。
E[att*="val"] 选择具有att属性且属性值为包含val的字符串的E元素。
E[att|="val"] 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

二、示例

<style>
a[class="external"]{color:#f00;}
</style>
</head>
<body>
<ul>
    <li><a href="?" class="external">外部链接</a></li>
    <li><a href="?">内部链接</a></li>
    <li><a href="?" class="external">外部链接</a></li>
    <li><a href="?">内部链接</a></li>
</ul>
</body>
posted @ 2019-12-14 09:31  样子2018  阅读(454)  评论(0)    收藏  举报