html – 自定义数据属性的CSS选择器？

概述为什么我的明星没有出现在黄色？怎么解决？ 以下是上述问题的相关代码. HTML <div class="tpl" data-favorite="1"> <div> <span class="favorite">★</span> <span class="text">Italian Pizza: salmon, olives, onion, tomato, blue-cheese 为什么我的明星没有出现在黄色？怎么解决？

以下是上述问题的相关代码.

HTML

<div  data-favorite="1">  <div>    <span >★</span>    <span >Italian Pizza: salmon,olives,onion,tomato,blue-cheese</span>  </div></div>

CSS

[data-favorite=1] {    background: #AAA;    border-left: 3px solID green}.favorite {    Font-size: 2em;    padding: 0 1 0 1em;}[data-favorite=1] .favorite {    color:yellow;}[data-favorite=0] .favorite {    color:#AAA;}

Fiddle

解决方法 你会想要使用

[data-favorite="1"] {}

不同之处在于值周围的引号“”.

这是工作jsFiddle

总结

以上是内存溢出为你收集整理的html – 自定义数据属性的CSS选择器？全部内容，希望文章能够帮你解决html – 自定义数据属性的CSS选择器？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。