属性选择器～

文中说波浪线要有空格隔开,在下面class属性值中我不用空格和空格都可以呀

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

div[class~='important']{

color: red;

}

</style>

</head>

<body>

<div class="important">

<section>one</section>

<section>two</section>

</div>

</body>

</html>

求田问舍刘郎才气 2021-01-31

源自：CSS3选择器 3-17 属性选择器

13

收起

2回答

好帮手慕慕子 2021-01-31 19:06:20

同学你好，理解意思就好，因为属性值可能会存在包含关系，例如：老师上次回答中的importantaa这种情况，它包含了important，视频中老师可能是出于这种考虑，害怕有的同学误以为这种情况也会被匹配，所以才表述为使用空格隔开的。

非常感谢同学的建议，以后我们也会提醒老师描述更加贴切一点。

祝学习愉快~

好帮手慕慕子 2021-01-31 17:49:11

同学你好，老师说的波浪线要以空格隔开，不是说波浪线要与属性值之间使用空格隔开，而是要匹配的属性值，这个值与其它值之间要使用空格隔开，否则会被认为是一个属性值，无法进行匹配。

以同学的代码为示例，添加了两段html结构，一个属性值没有使用空格隔开的，一个属性值使用空格隔开的，如下图所示：

属性值没有使用空格隔开的无法匹配到，字体颜色没有发生改变，一个属性值使用空格隔开的，可以匹配到，字体颜色变为红色

祝学习愉快~

提问者求田问舍刘郎才气 #1

就是你所需要的属性值要与html所有的属性值匹配就好了你视频说的空格还是不太贴切

2021-01-31 17:59:05

相似问题

相邻元素选择器可以选择相同元素吗？

在不同选择器中设置相同属性会冲突吗？

id选择选择器

属性选择器疑问

属性过滤选择器和属性选择器？

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载