html - 如何为<kbd>标签使用不同的CSS配置

在grails项目中，我有一个如下的css来覆盖默认的kbd配置

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

和像

<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。

最佳答案

你可以这样写你的CSS

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

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

我猜这对你有用。

关于html - 如何为<kbd>标签使用不同的CSS配置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37521660/