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"]的方式
可以获取到包含“test”属性值的元素,如下图:
2.使用element[attribute~="value"]的方式
只能获取属性值为“test”的元素,“first_test”不满足类名为test”,所以不会被选中。如下图:
综上,element[attribute*="value"]和element[attribute~="value"]的区别是:element[attribute*="value"]获取属性值包含"value"的元素,而element[attribute~="value"]只获取属性值为"value"的元素。
祝学习愉快~
相似问题