有关同一对象的多个实例的基本CSS问题，应区别对待

Question

我的网站中包含许多标准结构，例如表格和按钮等。在某些情况下，我希望以一种方式标记一个构造的实例，并以另一种方式标记同一构造的另一个实例。我该如何编写CSS来做到这一点？

例如，我有一些用于Checkbox Hack的复选框，这些复选框需要在屏幕外保持不可见或隐藏，还有一些其他复选框是在表单上使用的真实复选框。编写CSS的最佳方法是什么，以便我可以区分这两种类型的复选框并分别标记它们？

现在，我将Checkbox Hack中使用的复选框标记为：

input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
}

不幸的是，它完全隐藏了我的“真实”复选框。 我以某种偶然的方式学习了CSS，所以我从未学习过针对这种常见情况的标准方法。有人可以启发我解决这个问题的最佳方法吗？

Answer 1

您可以使用CSS classes ..例如

class="special"

那样，只有具有{{1}}的复选框会受到影响。

Answer 2

Yotam Omer是正确的，您应该使用类。我这样做：

.hide {
    display:none;
}

然后要做的就是将“ hide”类添加到要隐藏的复选框/其他元素中。

<input type=checkbox class=hide>