Html 如何减少CSS文件中的行数，同时保持相同的视觉效果（CSS代码优化）

你好 我正在寻找一种优化我的代码的方法，我觉得css文件中有无用的代码，视觉效果很酷（尽管它没有响应），而且它没有很好地对齐，所以如果有人建议我如何优化代码，如何改进代码，或者如何更好地协调构成我的网站的不同元素我是一个接受者

如果不清楚，我可以说得更清楚这是我的代码：

HTML:

---

CSS:

很难准确地知道如何重构，但我可以指出的是，您有几个CSS选择器可以有效地执行相同的操作：

.home-a:hover {
    color: rgba(255,255,255,.55);
}
.store-a:hover {
    color: rgba(255,255,255,.55);
}
.forums-a:hover {
    color: rgba(255,255,255,.55);
}
.login-a:hover {
    color: rgba(255,255,255,.55);
}
.register-a:hover {
    color: rgba(255,255,255,.55);
}

所有这些都可以替换为：

a:hover {
    color: rgba(255,255,255,.55);
}

---

因为它们都是锚定标签。

感谢您的帮助，事实上我对重复有问题，但在我的网站方面，我不知道您是否可以测试我的代码，但是当您启动index.html时，从视觉上看，网站似乎不是很对称：我很想解决这个问题，这就是为什么我认为通过优化我的CSS，我会更适应它，但我不知道编辑什么来创建这些更改。填充有一些问题，会在右边的标题中产生间隙，看起来你在主要部分的一些div中也遇到了问题。我会尽量避免在标题标签上使用x方向的填充，但最好的办法是学习CSS网格。你不需要包含任何包，因为它是普通的CSS，而且是一种专门为页面布局设计的技术。如果你感兴趣：文档：CSS技巧：非常感谢，我将了解这一点，再次感谢您的帮助我投票结束这个问题，因为关于如何改进正确工作的代码的问题属于代码审查。