html - 使用CSS样式特定的HTML代码

我需要应用仅捕获以下代码的css样式：

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

在同一页面上，例如，我有很多h2，还有其他一些ID为“ 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知识来说这很复杂。谁能帮帮我吗？
问候

最佳答案

a #metodo-pago表示ID为metodo-pago的有子元素

而，

a#metodo-pago表示具有ID metodo-pago

写：

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

关于html - 使用CSS样式特定的HTML代码，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20394930/