属性选择器[ ]里的东西,哪些要加引号
背景:
在用属性选择器的时候,一直是给属性值加引号的,但是经常发现有的地方不给属性值加引号,于是,惑从中来,
那到底是加还是不加?
那先看几个例子,下面的例子都是从实际的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;}
结论:
细心地你可能发现,属性都是不加引号的。
属性值 可以加引号,也可以不加引号。
以上写法中属性值没有加引号,引号一般可以加也可以不加,但在属性值为符号或者包含空格的时候必须要加引号。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步