类选择器“p .class”不起作用CSS [重复]

Question

我开始没有想法了。我在 flexbox 中使用了 flexbox，不知何故，即使在我页面上的其他地方我也使用它，在这里我无法到达“h1 .class”或“p .class”。

我的 HTML：

                <div class="corediv">
                    <div class="coreimg">   
                        <i class="fas fa-hand-holding-usd"></i>
                    </div>
                    <div class="coretext">  
                        <h1>TEXTTEXTEXT</h1>
                        <p>TEXTTEXTEXT</p>
                    </div>
                </div>

我想选择那些特别是因为我希望标题和段落之间没有空格。因此，我尝试将边距设为 0。

使用以下 CSS：

h1 .coretext {
   margin-botton: 0px;
}

p .coretext {
   margin-top: 0px;
}

为了确保它不会影响 h1 和 p，我还添加了一些“color: red”和“font-size: x-large;”。

但似乎没有什么能够到达那些 h1 和 p。

显然，当我直接调用 h1 或 p 时：

h1 {
   color: red;
}

有效。

对此有何见解？我一直在尝试我在网上找到的所有内容，由于英语不是我的母语，我可能以某种方式输入了错误的关键字，因为我几乎不相信我是第一个遇到这种情况的人。

提前感谢您的宝贵时间:)！

Answer 1

您当前的代码存在一些问题。首先，这个选择器h1 .coretext 将定位<h1> 元素的任何children，其类为coretext。

您的代码margin-botton 中还包含一个错字 - 我不会侮辱您的智慧，我假设这只是一个错误输入的字符，但它会导致您出现问题。

要使用 classcoretext 定位元素内部的元素，您可以使用以下选择器：

.coretext h1 {
   margin-bottom: 0px;
}

.coretext p {
   margin-top: 0px;
}

<div class="corediv">
  
  <div class="coreimg">   
    <i class="fas fa-hand-holding-usd"></i>
  </div>
  
  <div class="coretext">  
    <h1>TEXTTEXTEXT</h1>
    <p>TEXTTEXTEXT</p>
  </div>
  
</div>