html - 如何为 标签设置不同的 css 配置

Question

在一个 grails 元素中，我有一个像下面这样的 css 来覆盖默认的 kbd 配置

.tool-preview kbd {
    display: inline-block;
    width: 45px;
    font-size: 10px;
    text-align: right;

和gsp之类的

<div class="custom-indicators-row-one">
    <div class="indicator-1 pull-left" >
        <kbd></kbd>
    </div>

    <div class="indicator-2 pull-right" >
        <kbd></kbd>
    </div>
</div>

有一个 javascript 将填充 kbd 标签的值。假设我想在 div class="indicator-1 pull-left" 和 div class="indicator-2 pull-right" 下设置不同的值宽度，如何这可以做到吗？目前，对 kbd css 的任何宽度更改都会影响 gsp 中具有 kbd 的两个 div。

Answer 1

你可以这样写你的css

.indicator1 kbd{
/*your css*/
width: 300px;
}

.indicator2 kbd{
/*your css*/
width: 400px;
}

我想这对你有用。