如何使用attr（data-attribute）应用CSS规则？

Question

我想要使用attr（data-attribute）来应用CSS规则的CSS。

例如，在我的CSS中：

{{1}}

然后，在我的HTML中，我定义了data-attribute：

{{1}}

我觉得我错过了一个角色而且它无法正常工作。我该怎么做呢？谢谢！

Answer 1

你在CSS中使用了错误的选择器试试这个

＆＃13;

＆＃13;

[data-mobile-float="left"]{font-size: 50px;}

＆＃13;

<div data-mobile-float="right">
  Floats right on mobile!
</div>

<div data-mobile-float="left">
  Floats left on mobile!
</div>

＆＃13;

＆＃13;

＆＃13;