老师有问题

来源:2-7 属性选择器

慕村6371425

2020-07-14 18:25:47

为什么视频里面老师演示第三个例子a [href~="#"]的时候,字体不能变成黄色。是因为#是符号而不是单词的关系吗?那如果是单纯一个字母会有效果吗?谢谢

写回答

1回答

好帮手慕久久

2020-07-14

同学你好,理解不正确,可以参考如下例子:

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

页面效果:

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

第二个a标签没有变黄色,是因为“href~="#"”是匹配href属性的值,包含单词“#”的a标签,由于第二个a的href值是“#1”,不是“#”(“#”也是单词),所以它的颜色不是黄色。

而第一个a的颜色是黄色,是因为它受到了“href~="#"”的样式控制,如下:

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

将“#”换成单词,也是可以的,同学可以自己试一下。

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

0

0 学习 · 40143 问题

查看课程