Ada*_*ite 3 css css-selectors css3
在CSS3中,有什么区别:
body[data-page~='hello'] {
}
和
body[data-page='hello'] {
}
我已经看到〜被称为一般兄弟组合,http://css-tricks.com/child-and-sibling-selectors/但我在上面的上下文中并不理解它.
谢谢.
Mic*_*Liu 14
从CSS3规范:
[att=val]:表示具有att其值正好为"val" 的属性的元素.
[att~=val]:表示具有att属性的元素,该属性的值是以空格分隔的单词列表,其中一个正好是"val".如果"val"包含空格,它将永远不会表示任何内容(因为单词用空格分隔).此外,如果"val"是空字符串,它将永远不会代表任何东西.
因此<body data-page="hello world">将与第一条规则匹配,但不与第二条规则相匹配.