a[attribute~=val]{
}
a[attribute|=val]{
}
a[attribute*=val]{
}
通常我使用最后一个..但是它们之间的区别是什么
问问题
47 次
2 回答
1
a[attribute~=val]
匹配具有属性的a元素，该attribute属性的值包含单词“val”，由空格分隔。
a[attribute|=val]
匹配一个属性值恰好为“val”或以“val-”开头的a元素。attribute
a[attribute*=val]
匹配具有值包含字符串“val”a的属性的元素。attribute
通过阅读 CSS 选择器规范，您可以很容易地发现自己。
于 2013-02-22T11:09:01.137 回答
1
属性包含单词选择器~=将找到一个由空格分隔的单词。例如，它将找到"Jon"in"Jon Peters"但不在"Jonathan Peters".
属性包含前缀选择器|=将找到一个用破折号分隔的前缀。例如，它将找到"en"in"en-GB"但不在"english"or中"kal-en"。
属性包含选择器*=将在属性值内的任何位置查找文本。
于 2013-02-22T11:12:26.300 回答