在网格中重命名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; 
}