属性选择器[ ]里的东西,哪些要加引号

 背景:
  在用属性选择器的时候,一直是给属性值加引号的,但是经常发现有的地方不给属性值加引号,于是,惑从中来,

  那到底是加还是不加?


那先看几个例子,下面的例子都是从实际的demo中摘出来的,已经确定可以生效的。 

 [lang|=en]

   *[lang|="en"] {color: blue;}

*[title] {color:red;}
a[href] {color:red;}
img[alt] {border: 5px solid red;}



a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}
planet[moons="1"] {color: red;}
p[class~="important"] {color: red;}


结论:

  细心地你可能发现,属性都是不加引号的。

  属性值 可以加引号,也可以不加引号。

  以上写法中属性值没有加引号,引号一般可以加也可以不加,但在属性值为符号或者包含空格的时候必须要加引号。

原文地址:https://www.cnblogs.com/nostic/p/5869190.html