当前位置: 首页 > 知识库问答 >
问题:

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

奚晟
2023-03-14

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

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

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

共有1个答案

向嘉誉
2023-03-14

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

示例:

<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元素

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

 类似资料:
  • 问题内容: 检查以下代码: 我想匹配所有属于而不是的子元素。这意味着上面的代码不应使AQUI字变为红色,但无论如何它都会变为红色。我究竟做错了什么? 问题答案: 在将匹配没有任何类股利,你有很多他们之间和那为什么文本是红色的。要执行您想要的操作,您需要考虑两个选择器

  • 问题内容: 在一页中为多个元素提供相同的ID是否安全?例如,当使用某些jquery插件,两次或多次运行某些滑块或图库时,通常会发生这种情况。我们知道,开发人员喜欢给html容器一些ID,以使脚本工作更快。 让我们阅读w3.org文档: 使ID类型的属性特别的原因是,没有两个这样的属性可以具有相同的值。无论使用哪种文档语言,ID属性都可以用来唯一标识其元素。 但是下一个示例具有2个具有相同ID的元素

  • 问题内容: 是否有一种方法可以根据将class属性的值设置为两个特定的类来选择CSS元素。例如,假设我有3个div: 基于它是foo AND bar类的成员,我可以写什么CSS来选择列表中的第二个元素? 问题答案: 链接两个类选择器(之间没有空格): 如果仍然需要处理IE6之类的古老浏览器,请注意,它无法正确读取链接的类选择器:无论您列出什么其他类,它都只会读取 最后一个 类选择器(在这种情况下)

  • 问题内容: 我对CSS选择器有点困惑,我知道如果它们共享相似的属性,我们可以用逗号将多个css选择器分组,但是没有逗号的多个css选择器呢?例如: 问题答案: 当您使用逗号时,例如 你是说: id为menu的所有元素以及class为item的所有元素 当您将选择器嵌套而不使用逗号时,例如 你是说 在ID为menu的容器中具有class item的所有元素

  • 问题内容: 我知道有一个选择器。我似乎找不到选择器的使用或文档。有一个吗? 问题答案: CSS中没有伪类。 该动态伪类,像其他伪类,事实上所有其他选择,代表_国家_ ; 它们不代表文档树中的 事件 或 状态之间的转换 。举个例子:伪类代表了一个 被 关注的元素。它不代表刚刚_获得_关注的元素,也不存在伪类来代表刚刚 失去 关注的元素。 同样,这适用于伪类。虽然它表示具有指示设备在其上的元件,既不存

  • 我不能执行这个声明。