动态命名的输入元素的CSS样式

Question

我有：

    <input type="text" id="email[1]" name="email[1]"> 
    <input type="text" id="email[2]" name="email[2]">
.
. 

这是使用php填充的。在for循环中有：

echo "<input type='text' id='email[".$i."]' name='email[".$i."]'> ";

由于我不知道将要创建的输入数量，我如何为它们提供样式？

Answer 1

如果它们都具有相同的样式，则可以使用类。例如：

echo "<input type='text' class='emailinput' id='email[".$i."]' name='email[".$i."]' /> ";

在CSS中你可以设置这样的元素：

.emailinput
{
    width:              20px;
    background-color:   red;
}

顺便说一下，我在输入元素的末尾添加了一个斜杠。这是针对XHTML的有效代码。您应该对所有输入元素（/>）执行此操作。

Answer 2

HTML：

<input class="anything you want" ... />

CSS：

.anything {
...
}
.you {
...
}
.want {
...
}