我如何 select 另一个 CSS 中的元素？

Question

我以这个 HTML 代码为例：

<body>
    <div class="jumbotron">
        <h1>Bootstrap Example</h1> 
        <p>Just another crazy blog</p> 
    </div>

   <div class="container">
      <p>This is some text.</p> 
      <p>This is another text.</p> 
  </div>

我正在尝试使用此代码设置超大屏幕的样式：

.jumbotron h1, p{
  color: #FAE3F2;
  font-family: 'Orbitron', sans-serif;

}

问题是当我应用这些更改时，它们也会影响容器内的段落，我不明白为什么。我做错了什么？

Answer 1

试试这个

.jumbotron h1, .jumbotron p{
  color: #FAE3F2;
  font-family: 'Orbitron', sans-serif;

}

, 分隔整个表达式，因此 .jumbotron 不会延续到第二个表达式。

Answer 2

用这个替换选择器：

.jumbotron h1, .jumbotron p {...}

选择器没有 .jumbotron p {..} 意味着将选择所有 p 个元素。

我如何 select 另一个 CSS 中的元素？

How do I select the elements inside of another in CSS?

css

css-selectors

twitter-bootstrap