具有多个选择器的CSS[关闭]

提问者：小点点

我的CSS知识是中等偏低的，我正在努力获得正确的条目来改变下面的颜色（从Chrome Inspector），因为有两个（.点）和一个空隙（即在th之前）

.custom_table thead .wpt_table_header_row th {
  padding: 17px; 
  color: #fff;
  background: #0a7f9c;
}

我可以在Chrome中改变颜色，但当我将修改后的代码粘贴到自定义css区域时，它似乎不起作用。这通常工作良好，所以我只能猜测这是与两个点和空隙有关。

共1个答案

匿名用户

有一个间隙，您正在选择一个元素的所有后代

示例：

<div class="container>
  <a href="#abc"></a>
  <span class="text">
  </span>
  <div>
   <a href="#abc"></a>
  </div>
</div>

.container A选择div.container中的所有锚标记

点号用于表示元素的类名。

.text {
  color: red
}

以上CSS将红色应用于span元素

这些是选择元素并相应应用样式所需的基本思想