老师为什么href无法匹配呢
来源：2-7 属性选择器
慕九州8126026
2020-03-30 22:11:22
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
/*a[href~="#"]{
color: red;
} 为什么href无法匹配呢*/
/*a[class~="#"]{
color: red;
}*/
</style>
</head>
<body>
<a class="#" href="#1">1111</a>
<a href="#2">2222</a>
<a href="#3">3333</a>
<a href="#4">4444</a>
<a href="#5">5555</a>
</body>
</html>
写回答
1回答
-
你好，因为你的第一个a标签的class=“#”这是一个单词，而其它的href属性只是包含#这个字符，
href~="#"这个选择器的意义是必须要包含这个整体的单词的元素才会被匹配，而不是包含其中一个字母。
你若想实现匹配包含#的效果，可以使用href*="#".
0
相似问题
为什么不选a呢
回答 1