0 
/*INPUT BOXES ( input )
*/


.toggle_border_show{
  border: 1px solid #cccccc;
}
.toggle_border_obscure{
  border: 1px solid #888888;
}
.toggle_border_hide{
  border: 1px solid #444444;
}

我注意到这些类仅用于输入元素。

我应该用这样的输入预先固定它们吗

/*INPUT BOXES ( input )
*/


input.toggle_border_show{
  border: 1px solid #cccccc;
}
input.toggle_border_obscure{
  border: 1px solid #888888;
}
input.toggle_border_hide{
  border: 1px solid #444444;
}

有关系吗？

4

2 回答 2

4

如果您知道这些类仅用于输入元素，则无需在类名之前添加输入。

此外-正如评论中提到的@PaulD.Waite-即使您计划在其他元素上使用这些类：如果您对这些样式也适用于它们感到高兴-那么仍然不应在类名之前使用输入。

于 2013-10-15T14:00:51.807 回答
0

最好不要指定标签，而只指定根据谷歌优化浏览器渲染的类。

删除多余的限定符。
这些限定符是多余的：
由类限定的 ID 选择器和/或标记选择
器 由标记选择器限定的类选择器
（当一个类仅用于一个标记时，无论如何这是一个好的设计实践）。

此外，如果您使用Google Page Speed运行测试，如果您使用标签 + 类选择器，则会收到警告。

于 2013-10-15T13:59:37.027 回答