Question

我必须承认，我希望这可行。在我看来，我看到我的CSS课程选择了“包含h2的元素的所有子class="jumbotron-features"元素

CSS

.jumbotron-features h2
{
    color: #797979;
    font-style: oblique;
}

HTML

<div class="jumbotron jumbtron-features">
        <div class="container">
            <div class="content">
                <div class="row">
                    <div class="col-lg-4 text-left">
                        <div class="feature-box feature-box-vertical-middle">
                            <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

Answer 1

您的div类名为jumbtron-features，而不是jumbotron-features。

Answer 2

错误错误，类名中的拼写错误

替换此

.jumbotron-features h2

带

.jumbtron-features h2

工作方式：

<style>
.jumbtron-features h2{
    color: #797979;
    font-style: oblique;
}
</style>

HTML：

<div class="jumbotron jumbtron-features">
        <div class="container">
            <div class="content">
                <div class="row">
                    <div class="col-lg-4 text-left">
                        <div class="feature-box feature-box-vertical-middle">
                            <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<强>输出：

enter image description here

Answer 3

HTML应如下：

 <div class="jumbotron jumbotron-features">
            <div class="container">
                <div class="content">
                    <div class="row">
                        <div class="col-lg-4 text-left">
                            <div class="feature-box feature-box-vertical-middle">
                                <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

原因是你在HTML

中错误拼写了类名

Answer 4

HTML中的类：jumbtron-features

CSS中的类：jumbotron-features

' o '差异。

Answer 5

你会变得如此生气。您的div课程为jumbtron-features，您的CSS课程为jumbOtron-features。请注意，' O '。

Answer 6

您的代码中有错误。

CSS有jumbotron-features 和HTML有jumbtron-features

这有效： http://jsfiddle.net/sKAhn/2/

Answer 7

您的班级名称应如下所示：

<div class="jumbtron-features">
    <div class="container">
        <div class="content">
            <div class="row">
                <div class="col-lg-4 text-left">
                    <div class="feature-box feature-box-vertical-middle">
                        <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

为什么以下CSS不起作用？

7 个答案: