-1 
a[attribute~=val]{
}


a[attribute|=val]{
}


a[attribute*=val]{
}

通常我使用最后一个..但是它们之间的区别是什么

4

2 回答 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 回答