Question

我刚刚在CSS中创建了一个连接到Bootstrap的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周围创建一个块，这样我就可以在文本后面添加一个褪色的背景。

编辑：

我想要包含的样式：

   .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

Answer 2

如果你的问题是

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

答案是你正确地做到了。如果您的问题是：

为什么没有被人看到？

您需要检查元素以确保样式存在。如果是，那么寻找覆盖它的样式并复制正在使用的精确选择器并将其用作参考

Answer 3

这似乎都是正确的。您提供的示例都将引用该标题类。尝试检查元素以查看样式是否正在通过。如果风格没有通过那么也许你的风格标签不会以某种方式被看到。

在CSS中引用类

3 个答案: