html - 将 CSS 应用于嵌套的 HTML 代码

Question

所以，我在“index.html”文件中有这段代码:

<div id="Vsebina">
<div class="Slika"></div>
<div id="Prvi" class="Vrh">
<h2>Odstavek 1</h2>
<p><span class="Lorem">Lorem ipsum</span> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis .</p>
</div>

我有一个链接到此 html 文档的样式表，我想知道如何更改类“Lorem”和“p”中的文本。我尝试在我的 CSS 文件中输入:

#Vsebina #Prvi .Vrh .Lorem{
    text-transform: uppercase;
}

没有任何反应。如果有人可以帮助我，我将不胜感激，谢谢。

Answer 1

试试这个:

.Lorem {
     text-transform: uppercase;
 }