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

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

　　那到底是加还是不加？

---

 

 

那先看几个例子，下面的例子都是从实际的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