代码之家  ›  专栏  ›  技术社区  ›  MK-DK

在一行上设置样式,而不更改网站上的所有行

  •  0
  • MK-DK  · 技术社区  · 7 年前

    我有一种感觉,我把一些行弄乱了,因为我没有给一行起一个唯一的名字——所以我所做的更改将在网站上的所有页面上全球化。

    .foo.row {
      margin-left: 15px!important;
      margin-right: 15px!important;
    }
    <!-- 1 -->
    <div class="row foo">
       <div class="col-sm-12">
    </div>
    <!-- 2 -->
    <div class="row-foo">
       <div class="col-sm-12">
    </div>
    <!-- 3 -->
    <div class="foo row">
       <div class="col-sm-12">
    </div>
    2 回复  |  直到 7 年前
        1
  •  1
  •   Michał Drabik    7 年前

    您可以为div分配一个id,然后在css中引用它。请记住,id必须是唯一的。

    .row {
      height: 100px;
      width: 100px;
      background-color: red;
    }
    
    #row2 {
      background-color: blue;
    }
    <div class="row"></div>
    <div class="row" id="row2"></div>
    <div class="row"></div>
        2
  •  1
  •   Tomi Jurukovski    7 年前

    <div class="foo">
       <div class="row col-sm-12">
           the style will apply
       </div>
    </div>
    <div class="row col-sm-12">
       the style wont apply
    </div>
    

    你要的是

    <style>
    .foo-row {
      margin-left: 15px!important;
      margin-right: 15px!important;
    }
    </style>
    
    <div class="row foo-row">
        uses the row style and overrides the foo-row style
    </div>