我的页面上有 5 个按钮,我想设置它们的 CSS 样式,以便它们会有所不同,我不知道该怎么做。这是代码:
<input input class='field' type='button' name='a4' value='A4'/>
<input input class='field' type='button' name='a3' value='A3'/>
<input input class='field' type='button' name='a2' value='A2'/>
<input input class='field' type='button' name='a1' value='A1'/>
<input input class='field' type='button' name='a' value='A'/>
CSS应该看起来像这样:
.field {
width: 120px;
}
.field a1 {
width: 220px;
}
您可以使用属性选择器:
.field[name='a1'] {
color: blue;
}
它在所有主要浏览器中都得到了很好的支持。此处提供了演示。