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 回答