何时指定类的元素？

Question

/*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;
}

重要吗？

Answer 1

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

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

Answer 2

最好不要指定标签，而只根据Google - Optimize browser rendering指定类。

  

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

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