如何根据唯一 ID 设置类的样式？答案

【问题标题】：How To Style A Class Based On Unique ID?如何根据唯一 ID 设置类的样式？
【发布时间】：2014-11-05 16:29:00
【问题描述】：

我正在使用名为 Skuid 的 Salesforce 应用程序。我只能通过 CSS / Javascript 设置样式，并且无法访问 HTML。

无论如何，我正在设计一个联系表单，这就是各个字段的样式：

<div class="nx-field nx-modified required" data-uid="20"><textarea></textarea></div>

它们每个都有一个唯一的“data-uid”编号。

如何在 CSS 中定位 data-uid="20"？有什么办法吗？我四处寻找，找不到任何东西。

请帮忙。

谢谢！

【问题讨论】：

stackoverflow.com/questions/5324415/…

标签： html css field styling

【解决方案1】：

使用CSS attribute selector syntax：

div[data-uid="20"] {
    background:red;
}

<div class="nx-field nx-modified required" data-uid="20">
    <textarea></textarea>
</div>
<div class="nx-field nx-modified required" data-uid="21">
    <textarea></textarea>
</div>

【讨论】：

我知道我不应该在这里说谢谢。但它。谢谢！我很高兴解决了这个问题！