不知道如何從複製HTLM，CSS指定樣式，JS

-1

我一直在慢慢地拉開了HTML5模板，並複製粘貼以下幾次視差節在同一頁正如我複製這3次的視差效果我也有相同的背景圖片中的main.css定義

/* ========================================================================== 
 
    Counter Section Style 
 
    ========================================================================== */ 
 
.counters { 
 
    background: url(../img/bg1.jpg) fixed; 
 
    position: relative; 
 
} 
 
.counters .facts-item { 
 
    text-align: center; 
 
    color: #fff; 
 
} 
 
.counters .facts-item .icon { 
 
    margin-bottom: 20px; 
 
} 
 
.counters .facts-item .icon i { 
 
    font-size: 50px; 
 
    color: #fff; 
 
} 
 
.counters .facts-item .fact-count h3 { 
 
    font-size: 35px; 
 
    color: #fff; 
 
    margin-bottom: 15px; 
 
} 
 
.counters .facts-item .fact-count h4 { 
 
    font-size: 20px; 
 
    color: #fff;

<div class="counters section" data-stellar-background-ratio="0.5"> 
 
     <div class="overlay"></div> 
 
     <div class="container"> 
 
     <div class="row"> 
 
\t \t <div class="col-sm-6 col-md-3 col-lg-3"> 
 
      <div class="item-boxes wow fadeInDown" data-wow-delay="0.2s"> 
 
      <!-- <div class="icon"> 
 
       <i class="lnr lnr-pencil"></i> 
 
       </div> --> 
 
\t \t \t  <a class="nav-link" href="#video-area"> 
 
       <h4>SaaS Assurance</h4></a> 
 
       <p></p> 
 
      </div> 
 
      </div>

我的問題是，即使我抄他們我仍然會喜歡他們要與不同背景和與Web的開發我有限的經驗，我不知道從CSS被定義圖像類.counters如何我想改變由計數器表示部分

代碼被拾起自己的部分

感謝所有

來源

2017-09-24 SeanSheep

你有一些問題與你已經分開。您的HTML缺少多個關閉'div'標籤，這表明您複製/粘貼預期的多個視差片段可能不正確。您的CSS可能也會缺少多種所需的樣式（並且最後一個類規則未關閉）以實現所需的效果。有了更多細節，我們可能會提供幫助。 – Stevangelista

在CSS中，類可用於更比一次，所以如果複製視差部分三次，然後應該有三個視差部分使用相同的背景由所申報.Counters這是由e非常的你的視差部分。

爲了確保每一個這些3視差部分不會使用相同的背景中，嘗試使用ID作爲替代ID的可只有使用一次和必須有唯一名。

當ID和類用於一起中，ID屬性應該倍率通過在元件中使用的任何類作出的任何聲明。在這種情況下，可以提供包含個人背景屬性爲每一個你的視差節（類似＃視差SECTION1，2，等等），所以.counters的背景聲明將覆蓋一個ID。

不知道如何從複製HTLM，CSS指定樣式，JS

回答

相關問題