2-4 ~=选择器的问题
来源：2-7 属性选择器
RogerLeung
2018-04-12 13:03:45
按照中文“包含”的意思，此处13行的选择器为什么只选中20行的<a>元素？
我搜了一下英文的参考文献，对该选择器的解释是
[attribute~=value] 例子[title~=flower]
Selects all elements with a title attribute containing the word "flower"
是因为这里包含的内容是指英文语态下的“word”，所以视频后面用class例子演示的时候用空格分隔各个“word”才成功，是这么理解吗？
写回答
1回答
-
好帮手慕星星
2018-04-12
[attribute~=value] 选择器用于选取属性值中包含指定词汇的元素。只要选择的属性名里面有你自己选择的名字就是可以的，参考代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> [title~=flower] { border: 2px solid red; } </style> </head> <body> <a title="tulip_flower flower">链接1</a> <a title="flower">链接2</a> </body> </html>测试结果是：
自己再理解下，祝学习愉快~~
0
相似问题