属性选择器

首页课程实战体系课手记专栏慕课教程

属性选择器

来源：2-7 属性选择器

慕斯卡6097176

2018-11-06 23:36:49

为什么红线处的选择器在这里没有选取到元素呢？
看了视频还是不明白。

写回答

1回答

妮可妮可妮_

2018-11-07

已采纳

[attribute~=value] 选择器用于选取属性值中包含指定词汇的元素。如下图所示代码,只可以选取到第二个a标签,

同学可以运行下面代码,更能深刻的体会到其作用,

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<style>
a[href~="#"] {
color: #ff0;
}
</style>
</head>

<body>
<a href="#">attribute</a>
<a href="# #4">attribute</a>
<a href="#1">attribute</a>
<a href="#2">attribute</a>
<a href="#3">attribute</a>
</body>

</html>

第一个和第二个a标签都包含指定词汇#,所以第一个和第二个a标签会变为黄色

祝学习愉快!

0 学习 · 5012 问题

查看课程

相似问题

2-4 ~=选择器的问题

回答 1

第五个为什么不会变红？不是包含one吗？这个选择器不是选取包含的吗

回答 1

2-12选择

回答 1

2-5选择题第7题

回答 1

2-14选择练习

回答 1

打开慕课网App查看更多内容