html - 在 CSS 中引用一个类

Question

我刚刚在链接到 Bootstrap 的 CSS 中创建了一个 Jumbotron

html代码

  <div class="jumbotron">
    <div class="container">
       <div class="title">
           <h1>My Title</h1>
       </div>
        <div class="subtitle">
            <p>My Subtitle</p>
        </div>
    </div>    
  </div>

如何在 CSS 中引用 .title 类和 .subtitle 类？

我在 CSS 代码中试过:

.title{}

.container .title{}

.jumbotron .container .title{}

但我所做的任何事情都没有引用它。

我想在特定的文本 H1 和 P 周围创建一个 block ，这样我就可以在文本后面放置一个褪色的背景。

---

编辑:

我试图包含的样式:

   .title
{
    top:250px;
    left:140px;
    width:500px;
    height:50px;
    background-color:black;
    z-index:0;
    opacity:0.5;
}

我不希望 H1 标签也变得不透明。

Answer 1

如果您希望您的 CSS 覆盖或优先于 bootstrap.css 中提供的样式，您的样式需要出现在 bootstrap.css 之后。

更多信息，W3 Documentation on Assigning property values, Cascading, and Inheritance