Html 在CSS中实现这一点的更好方法？

我希望改进我的CSS，不知道是否有人可以快速浏览一下我到目前为止的内容，并解释我可以改进的地方

演示：

.author div{
宽度：35%；
浮动：左
}
.作者组{
宽度：30%
}
.日期{
文本对齐：右对齐
}

巴里·鲁尼

今天的日期

省略

不是好的做法位于选择器块中最后一个CSS定义的末尾。另外，我建议您按字母顺序对CSS定义进行排序

然后，让你的HTML尽可能短。见下面我的建议。不要忽略元素上的强制属性（在本例中，
img
上的
alt
）


.author{
字体大小：0；/*这修复了不需要的空白问题*/
}
.作者>*{
显示：内联块；
字体大小：14px；/*将字体大小重置为实际需要的大小*/
垂直对齐：中间对齐；
宽度：35%；
}
.author.img{
宽度：30%；
}
.日期{
文本对齐：右对齐；
}

巴里·鲁尼
今天的日期
您可以在
中删除
这是否属于代码审阅站点？省略
不是一个好做法位于选择器块中最后一个CSS定义的末尾。另外，我建议您按字母顺序对CSS定义进行排序。在使用float:left或right之后使用clear:tware，这样您就可以通过任何额外的空格问题来保存代码。非常感谢您的回答。正在使用
.author>*{
最佳实践？还是这样做会更快？
确保嵌套容器不会出现任何问题，因为它只适用于直接子元素。由于您可能希望在将来某个时候更改这些元素的类型，因此最好不要定义元素的类型。