缩短包含伪类和元素的冗长CSS代码

可以通过以下几种方法实现：

1. 使用CSS预处理器：CSS预处理器如Sass、Less和Stylus可以帮助我们更有效地编写CSS代码。它们提供了变量、嵌套、混合等功能，可以减少代码的重复性和冗长性。通过使用这些功能，我们可以更好地组织和管理伪类和元素的样式。
2. 使用CSS框架：CSS框架如Bootstrap和Foundation提供了一系列预定义的CSS类，可以快速实现常见的样式需求。这些框架通常已经优化了伪类和元素的样式，可以减少我们自己编写的代码量。
3. 使用CSS属性选择器：CSS属性选择器可以根据元素的属性值选择元素，并为其应用样式。通过合理使用属性选择器，我们可以减少使用伪类和元素的情况，从而缩短代码。
4. 使用CSS命名约定：合理的CSS命名约定可以帮助我们更好地组织和管理样式。通过使用有意义的类名和ID名，我们可以减少冗长的选择器，从而简化代码。
5. 使用CSS优化工具：有一些工具可以帮助我们自动优化CSS代码，去除冗余和重复的样式。例如，可以使用CSS压缩工具来减小文件大小，或者使用CSS代码优化工具来自动优化代码结构。

总结起来，缩短包含伪类和元素的冗长CSS代码的方法包括使用CSS预处理器、CSS框架、CSS属性选择器、CSS命名约定和CSS优化工具。这些方法可以帮助我们更高效地编写和管理CSS代码，提高开发效率。