简化HTML CSS选择器的样式表

我有一些引导类简化HTML CSS选择器的样式表

<input id="OP_CG1" class="form-control input-sm text-right" value="160" type="text"> 
<input id="OP_CG2" class="form-control input-sm text-right" value="280" type="text"> 
<input id="OP_CG3" class="form-control input-sm text-right" value="600" type="text">

下面的HTML我想通过使用CSS选择器简化为

<input id="OP_CG1" value="160" type="text"> 
<input id="OP_CG2" value="280" type="text"> 
<input id="OP_CG3" value="600" type="text">

。我尝试这个，但它不起作用。

input[id^="OP_CG"].form-control.input-sm.text-right 
{ 
}

你能帮助我吗？我想一个解决方案，无需使用jQuery

来源

2015-11-08 Jean-Marc Flamand

这'输入[ID^= “OP_CG”]形式-control.input-sm.text-right'将选择具有_all_这些类的一个元件 - 在你的问题的前三个输入像。我想你误解了css选择器的工作原理 – Turnip

要做到这一点，你必须与应用到你投入一个规则的三个独立的CSS类相关联的CSS结合...

将成为.. 。

input[id^="OP_CG"] { 
    /* form-control styles here */ 
    /* input-sm styles here */ 
    /* text-right styles here */ 
}

来源

2015-11-08 15:58:31 Turnip

简化HTML CSS选择器的样式表

回答

相关问题