我正在学习 html + css 并且有问题,可以为多个 ID 编写规则,比如我必须达到我的目标
<!-- language: lang-css-->
#menu-item-207 .menu-image-title {
color: black !important;
}
#menu-item-207 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-206 .menu-image-title {
color: black !important;
}
#menu-item-206 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-205 .menu-image-title {
color: black !important;
}
#menu-item-205 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-204 .menu-image-title {
color: black !important;
}
#menu-item-204 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-203 .menu-image-title {
color: black !important;
}
#menu-item-203 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-202 .menu-image-title {
color: black !important;
}
#menu-item-202 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-201 .menu-image-title {
color: black !important;
}
#menu-item-201 .menu-image-title:hover {
color: #0095d1 !important;
}
#menu-item-200 .menu-image-title {
color: black !important;
}
我该如何适应它?先感谢您!
最佳答案
你可以只使用你的类
,你不需要你的ID
:
.menu-image-title{
color: black !important;
}
.menu-image-title:hover{
color: #0095d1 !important;
}
您可以同时在多个元素中使用一个类
。
关于html - 如何制定更好的 CSS ID 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37483435/