感觉a[href~="#"]和a[href*="#"]没有什么区别啊?

来源:2-11 选择练习

zhangwenxin

2020-03-11 12:39:54

感觉a[href~="#"]和a[href*="#"]没有什么区别,都是选择所有带有#的标签

写回答

1回答

好帮手慕码

2020-03-11

同学你好,同学举的例子不太能分别出区别,可以看下如下例子:

http://img.mukewang.com/climg/5e687b79092185d603370220.jpg

效果:

http://img.mukewang.com/climg/5e687b8409f891d100830039.jpg

http://img.mukewang.com/climg/5e687b9709b342ed03680208.jpg

效果:

http://img.mukewang.com/climg/5e687b9e09577fef01180056.jpg

结论:

[href*="abc"] 选择 href属性值中包含子串 "abc" 的所有元素 <a href="abc" ....> <a href="abcd" ...>
[href~="abc"] 选择 href 属性值等于“abc"的所有元素 <a href="abc" ...> 但不能选择 <a href="abcd" ...>

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程