帮我优化以下CSS代码 #shinhong1{ display: none; } #shinhong2{ display: none; } #shinhong3{ display: none; } #shinhong4{ display: none; } #shinhong5{ display: none; } #shinhong6{ display: none; } #shinhong7{ display: none; } #shinhong8{ display: none; } #shinhong9{ display: none; } #shinhong10{ display: none; } #shinhong11{ display: none; } #shinhong12{ display: none; } #shinhong13{ display: none; } #shinhong14{ display: none; } #shinhong15{ display: none; } #shinhong16{ display: none; } #shinhong17{ display: none; } #shinhong18{ display: none; } #shinhong19{ display: none; } #shinhong20{ display: none; } #shinhong21{ display: none; } #shinhong22{ display: none; } #shinhong23{ display: none; } #shinhong24{ display: none; } #shinhong25{ display: none; }
时间: 2024-03-11 21:50:42 浏览: 74
可以使用 CSS 选择器来简化代码,如下所示:
```
[id^="shinhong"] {
display: none;
}
```
这个选择器使用属性选择器和通配符,表示选择所有 id 属性以 "shinhong" 开头的元素,并将它们的 display 属性设置为 none,从而达到和原来一样的效果,但代码更简洁。
阅读全文