更改第一个<strong>的CSS

Question

我想更改<strong>元素的CSS，如下所示：

<p><strong>Make it Bold</strong><p>
<p>This is dummy text<strong>Do not make it BOLD</strong></p>
<p><strong>Make it Bold 2</strong><p>
<p>This is dummy text<strong>Do not make it BOLD 2</strong></p>

我可以以某种方式进行更改<strong>我写过的CSS＆＃39;让它变大，<strong>元素只有在开头之间没有文字的情况下才应该是粗体{ {1}}代码和开头<p>代码 ¹ 。

<strong>

我尝试使用上面的CSS，但我知道它会改变所有强大的元素;我怎样才能达到我的特殊要求？

  

P.S。：我不能再增加任何课程

1. 从以下评论中解释：

     

   [我]只有在.strong{ font-size: 30px; } 之后字符串存在时才希望元素变为粗体..如果在强之前有任何文本，那么强标记不应变为粗体。

_{引自评论，如下：Change CSS of first <strong>。}

Answer 1

：first-of-type选择器允许我们定位元素在其容器内的第一次出现。

p strong:first-of-type {
 font-size: 30px;
}

我希望我能帮助一些面临同样情况的人

Answer 2

使用:first-child pseudo-class。 JSFiddle...

:first-child strong {
    font-size: 40px;
}

Answer 3

你可以为你的强元素提供一个类或id。 在您当前的代码中没有类。 您可以使用，例如：

<p><strong class="big">Make it bold</strong></p>

在css中

.big{
font-size: 30px;
}