html - 为类中的特定元素设置样式

Question

有什么方法可以将其包含在一个“.site-eval”声明中，而不是为每个元素都有一个 .site-eval？

.site-eval
{
    margin-left: 100px;
    margin-right: 100px;
    font-size: 1.2em;
}

.site-eval a
{
    color:rgb(155, 85, 0);
}

.site-eval a:hover
{
    text-decoration:underline;
}

.site-eval li
{
padding-bottom: 10px; 
}```

标签： htmlcss

Answer 1

使用像 SASS 这样的 CSS 预处理器（@Paulie_D 的评论）

.site-eval {

  a {

  }

  a:hover {

  }

  li {

  }
}

使用纯 CSS

（此语法仅适用于选择器共享样式的情况，也不是很容易维护）

.site-eval a, .site-eval li {

}