在網格中重命名css代碼

Question

我在重新命名我正在處理的網格中的某些類時出現問題。

當前的代碼是這樣的：

.col, 
    .cols { 
    margin-left: 4%; 
    } 

    .col:first-child, 
    .cols:first-child { 
    margin-left: 0; 
    } 


    .one.col, 
    .one.cols, { 
    width: 4.66666666667%; 
    } 

然後將HTML代碼是：

<div class="one col">One</div> 
    <div class="eleven cols">Eleven</div> 

上面的代碼工作，但我需要改變的類名來工作，所以html代碼去像這樣：

<div class="one-col">One</div> 
    <div class="eleven-cols">Eleven</div> 

我的問題是...如何更改下面的代碼，以便上面的html工作？

.col, 
    .cols { 
    margin-left: 4%; 
    } 

    .col:first-child, 
    .cols:first-child { 
    margin-left: 0; 
    } 


    .one.col, 
    .one.cols, { 
    width: 4.66666666667%; 
    } 

Answer 1

僅僅調整了CSS：

.one-col,.eleven-cols{ 
    margin-left: 4%; 
} 

.one-col:first-child,.eleven-cols:first-child { 
    margin-left: 0; 
} 


.one-col { 
    width: 4.66666666667%; 
} 

.eleven-cols { 
    width: 51.3333333334%; 
} 

Answer 2

我不是爲什麼你只需要一個類清楚，因爲我們可以在類屬性聲明多個類。

但無論如何。希望下面的代碼會幫助你，

.one-col{ 
    margin-left: 4%; 
    width: 4.66666666667%; 
} 
.eleven-cols{ 
    margin-left: 4%; 
    width: 51.3333333334%; 
} 
.one-col:first-child,.eleven-cols:first-child{ 
    margin-left: 0; 
}