html - 如何在我的 css 中正确添加字体大小？

Question

我想在我的 CSS 中为特定的 p 添加字体大小更改。

我创建了一个新类 .mainbg p { xxxx } 但这不起作用。奇怪的是，当我为那个 p 添加文本阴影时，同一个类起作用了。我不明白为什么它对此不起作用。

<section aria-label="home" class="mainbg" id="home">

    <!-- intro -->
    <div class="container">
    <div class="row">
    <div class="overlay-main v-align">
      <div class="col-md-10 col-xs-11">

        <h1 class="onStep" data-animation="animbouncefall" data-time="300">LOUIS WALLACE CONSTRUCTION</h1>
        <div class="onStep" data-animation="fadeInUp" data-time="600" id="slidertext">
          <h3 class="main-text">Oroville General Contractor</h3>
          <h3 class="main-text">Over A Decade Of Experience</h3>
          <h3 class="main-text">All Phases Of Construction</h3>
        </div>
        <p class="onStep" data-animation="animbouncefall" data-time="900" >No matter how large or small the project, we ensure that your project is completed with precision and professionalism. We take pride in our quality craftsmanship, our attention to detail, and our open line of communication with each and every customer. With each project, we understand that our role is about more than simply putting up walls — it’s about ensuring that your vision is turned into a reality.

Answer 1

似乎另一个默认 CSS 覆盖了您的 P 标签样式。

在您的 CSS 声明中使用 !important。

例如:

.mainbg p { 
   font-size:12px !important;
 }