css - 如何在 CSS 中选择另一个内部的元素?

标签 css twitter-bootstrap css-selectors

我以这段 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;

}

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

最佳答案

试试这个

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

}

, 分隔整个表达式,因此 .jumbotron 不会转移到第二个表达式。

关于css - 如何在 CSS 中选择另一个内部的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28658022/

相关文章:

javascript - Rails Bootstrap 工具提示样式不起作用

internet-explorer-8 - IE8非兼容模式,图片最大宽高为:auto

css - 如何使用 Twitter Bootstrap 3 避免所有输入中的表单控制?

html - 在每个第 n 个子项之后反转偶数-奇数模式

css - 非法 CSS 选择器

html - 与 IE6 的兼容性

html - 固定高度文本输入字段,文本在顶部

css - 右侧的 Bootstrap 冲洗列

javascript - Bootstrap 导航栏切换不适用于移动设备

html - :nth-child(even/odd) selector with class