我有一些 HTML 代码需要设置样式,这些代码由 Web 服务自动生成。我得到的部分代码如下所示:
<input type='text' id='txtField001' class='txtField150'>foo</input>
<input type='text' id='txtField002' class='txtField10'>bar</input>
<input type='text' id='txtField001' class='txtField142'>sum</input>
Run Code Online (Sandbox Code Playgroud)
现在,“奇怪”的部分来了:类名后面的数字(即:150、10 和 142)实际上是最大值。文本字段接受的字符数,它给了我一个关于文本字段应该呈现多宽的“提示”:宽为 150,较短为 10;由于这个数字变化很大(它是由调用 Web 服务的任何人定义的用户),让“n”类符合所有可能的值是不切实际的。
那么:有没有办法拥有“范围类”或类似的东西 - 请记住,理论上,我无法更改 Web 服务提供的任何内容,而且我真的不想用 javascript 评估事物?
具体来说,有没有办法声明这样的事情(我知道这有点疯狂):
.txtField1 ... .txtField50 {
width: 50px;
}
.txtField50 ... .txtField100 {
width: 80px;
}
.txtField100 ... .txtField150 {
width: 120px;
}
Run Code Online (Sandbox Code Playgroud)
(我是如何在脑海中读到这个的:“对于从 1 到 50 的任何类 txtField,使用 50px 宽度......等等)
谢谢你的帮助。我知道这是一个远景,我最好的选择是使用 javascript,但是嘿,我不得不问;-)