Question

我需要应用仅捕获这段代码的css样式：

<div id="box-article-r">
 <h2>
  <a id="metodo-pago" href="#">Payment Methods...

在同一页面上我有很多h2，其他一些带有ids“metodo-pago”和“box-article-r”的代码也有些“a”标签和它们的某些组合，但没有一个它同时位于“＃box-article-r”和“h2”，“a”和“#metodo-pago”中。我已经尝试了这个和一些类似的组合但是到目前为止我没有工作：

#box-article-r h2 a #metodo-pago{
  display: none;
}

我无法修改HTML，只能修改CSS。我不是CSS的专家，所以这对我的CSS知识很复杂。谁能帮帮我吗？此致

Answer 1

a #metodo-pago表示拥有身份metodo-pago

的子元素

而，

a#metodo-pago表示标识为metodo-pago

写：

#box-article-r h2 a#metodo-pago{
    display: none;
}

Answer 2

删除a和id

之间的空格

a#metodo-pago

Answer 3

首先，我们只是说在同一页面上不应该有多个具有相同名称的ID。我宁愿重构我的代码，所以情况并非如此。

如果您需要为每个标签使用相同的名称，请使用类名而不是ID。

以下代码将在一定程度上帮助解决您的问题，但请记住它是基于有缺陷的HTML内容。

#box-article-r h2 #metodo-pago {
    display: none;
}

如果您希望按照说明使用类而不是ID，请将代码更改为：

<div class="box-article-r">
    <h2>
        <a class="metodo-pago" href="#">Payment Methods...

使用CSS定位它，如下所示：

.box-article-r h2 a.metodo-pago {
    display: none;
}

使用CSS设置特定HTML代码的样式

3 个答案: