element[attribute*="value"]​和element[attribute~="value"]用法上有什么具体区别?

来源:2-7 属性选择器

蛋挞狂魔

2020-12-01 23:38:12

# 具体遇到的问题
element[attribute*="value"]​和element[attribute~="value"]用法上有什么具体区别?

写回答

1回答

好帮手慕夭夭

2020-12-02

同学你好,可以通过一个例子,直观的理解它们的区别。参考如下:

1.使用element[attribute*="value"]的方式

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

可以获取到包含“test”属性值的元素,如下图:

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

2.使用element[attribute~="value"]的方式

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

只能获取属性值为“test”的元素,“first_test”不满足类名为test”,所以不会被选中。如下图:

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

综上,element[attribute*="value"]和element[attribute~="value"]的区别是:element[attribute*="value"]获取属性值包含"value"的元素,而element[attribute~="value"]只获取属性值为"value"的元素。

祝学习愉快~


0

0 学习 · 40143 问题

查看课程