如何更改span跨度的css？

Question

我希望第4條有一個字體系列，新聞有另一個字體系列。我怎樣才能達到目的？當我第一次和第二次把字體系列繼承它。

<span><span class="useWord-first">News</span> Article 4</span> 

Answer 1

設置父span元素的CSS，然後使用一個更具體的選擇樣式嵌套.useWord-first元素覆蓋該CSS。

例如：

span { 
 
    color: #f00; 
 
    font-family: monospace; 
 
} 
 
span > .useWord-first { 
 
    color: #00f; 
 
    font-family: arial; 
 
}

<span><span class="useWord-first">News</span> Article 4</span>

Answer 2

您可以使用與孩子的班級沿着後代選擇要儘可能具體：

span { 
    font-family: sans-serif; 
} 
span > span.useWord-first { 
    font-family: Arial; 
} 

小提琴：https://jsfiddle.net/fa46pzbx/1/

Answer 3

你可以試試

span { 
    color: #000000; 
    font-family: sans-serif; 
    font-size:18px; 
} 
span > span.useWord-first { 
    color: #000000; 
    font-family: arial; 
    font-size:18px; 
}