字体设置

Question

我有两个跨度为

<span class="class-1">Text1</span> 
<span class="class-1">Text2</span> 

而且.class-1有风格

.class-1 { 
    font-weight: bold; 
    color: red; 
} 

现在我需要从.Text-2删除font-weight: bold，是否可以不创建另一个CSS做类？

Answer 1

Fiddle

<span class="class-1">Text1</span> 
<span class="class-1">Text2</span> 

和Class-1具有风格

.class-1 { 
     font-weight: bold; 
     color: red; 
    } 


.class-1 + .class-1{/*this will be applied on the secound span*/ 
     font-weight: normal; 
     color:green; 
    } 

这种替代：

.class-1 { 
     font-weight: bold; 
     color: red; 
    } 


.class-1:last-child{/*this will be applied on the secound span*/ 
     font-weight: normal; 
     color:green; 
    } 
/*or this*/ 
.class-1:nth-child(2){ 
     font-weight: normal; 
     color:green; 
    } 

内嵌CSS

<span class="class-1" style="font-weight: bold;color: red;">Text1</span> 
<span class="class-1" style="font-weight: normal;color:green;">Text2</span> 

Fiddle

，如果你有在HTML

之间

东西：

<span class="class-1">Text1</span> 
<p>Hello do you have time to talk about Css?</p> 
<span class="class-1">Text2</span> 

CSS：

.class-1 { 
     font-weight: bold; 
     color: red; 
    } 

.class-1:nth-of-type(2) { 
    font-weight: normal; 
    color: green; 
} 

Fiddle

Answer 2

假设你的代码看起来大致是这样的

<style> 
.class-1 { 
    font-weight: bold; 
    color: red; 
} 
</style> 
<span class="class-1">Text 1</span> 
<span class="class-1">Text 2</span> 

您可以添加的样式属性为文本2的跨度，如果你绝对不能创建一个类。改变它看起来像下面。

<span class="class-1" style="font-weight: normal;">Text 2</span>