css中“* =”和“=”之间的区别

Question

CSS中“* =”和“=”之间有什么区别？

e.g。

a[href=#team]

和

a[href*=#team]

Answer 1

引用CSS选择器级别3规范：

  

[att=val]

     

    

表示具有att属性的元素，其值正好是“val”。

  

     

[att*=val]

     

    

表示具有att属性的元素，该属性的值至少包含子字符串“val”的一个实例。如果“val”是空字符串，则选择器不代表任何内容。

  

参考：

• CSS attribute-selectors。

Answer 2

a[href="#team"]完全匹配href（<a href="#team">）。

a[href*="#team"]适用于发生href的{​​{1}}，但可能只是#team - 值的一部分（即包含在其中）。 href会匹配此链接：a[href*="#team"]）。

Answer 3

请参阅http://www.w3.org/TR/css3-selectors/

上的官方参考资料

E[foo="bar"] - 一个E元素，其中＆＃34; foo＆＃34;属性值恰好等于＆＃34; bar＆＃34;

E[foo*="bar"] - 一个E元素，其中＆＃34; foo＆＃34;属性值包含子串＆＃34; bar＆＃34;

还有其他类似的

E[foo^="bar"] - 一个E元素，其中＆＃34; foo＆＃34;属性值完全以字符串＆＃34; bar＆＃34;

开头

E[foo~="bar"] - 一个E元素，其中＆＃34; foo＆＃34;属性值是一个由空格分隔的值列表，其中一个值恰好等于＆＃34; bar＆＃34;

因此a[href=#team]仅匹配<a href="#team">，但a[href*=#team]也匹配，例如<a href="site.html#team"> {{1}}

Answer 4

第一个目标是href，它“完全”等于该值，而第二个目标是href，它只是“包含”该值。

Answer 5

a[href='#team']完全匹配href #team

a[href*='#team']匹配href包含#team

  

注意：选择元素

时应该有“引用”

a[href*='#team']
        ^     ^ ========> required

DEMO

Answer 6

'='指的是您要搜索的字词的完全匹配

'* ='表示'包含'您要搜索的字词