div[class=s]与div[class~=s]是什么区别

来源:2-7 属性选择器

迷失的小麦

2019-11-10 15:48:54

我知道div[class~=s]属性值列表中包含value,而不是在某个值中以value开头或结尾

写回答

1回答

好帮手慕夭夭

2019-11-10

你好同学,关于它们的区别,参考如下:

1.div[class=s]选择只有s这个类名的元素,示例

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

虽然如上有3个div都包含s这个类名,但是其他两个都包含其他类名,只有第一个符合:

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

2. div[class~=s]选择包含s这个类名的元素,即元素有几个类名无所谓,只有有一个类名是s即可。

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

结构把三个包含s的都选中了

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

而不是在某个值中以value开头或结尾说的就是第二个元素,以s开头的一个单词,这个是不会选中的

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

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

0

0 学习 · 40143 问题

查看课程