css - 如何在css文件中查找多个类...

Question

我试着用另一种方式问我的问题:

摘自一本书:“多类:

p.testorosso.grassetto {color: red; font-weight: bold;}

此规则会将样式集应用于所有元素，其中存在选择器中定义的类的名称(以任何顺序)。因此，他们将使用红色文本并加粗这些段落:

<p class="grassetto testorosso maiuscolo">..</p>
<p class="testorosso grassetto">...</p> 

但不是这个，因为只有一个名称作为类值出现:

<p class="grassetto">...</p> "

这条规则是否正确？

我将编写一个程序，从 html 页面转到 .css 文件以查找类定义。在这本书的例子中，当我在 html 中找到这个时

<p class="grassetto testorosso maiuscolo">..</p>

在 .css 文件(或 css 定义)中找到示例中的类定义，我认为我必须尝试尝试:

• 尝试 n 1:我将搜索“.testorosso.grassetto.maiuscolo”或“.testorosso .grassetto .maiuscolo”？ --> 无论如何:没有找到
• 尝试 n 2: ".grassetto.maiuscolo"--> 未找到
• 尝试 n 3: ".testorosso.maiuscolo"--> 未找到
• 尝试 n.4:“.testorosso.grassetto”--> 找到了
• 尝试 n.5:“.maiuscolo”--> 找到了

是否正确？还是可以使用另一种更简单的方法来查找 css 定义？

如果在 n 5 次尝试中，我找到了两个带有“maiuscolo”的定义:

1) .pluto .maiuscolo {字体大小:x-large}

2) .topolino .maiuscolo {字体大小:xx-large}

可能吗？我必须选择数字 1 还是 2？

如果我的问题没有使用正确的词来定义我的问题，我很抱歉......但我是 css 世界的初学者，

谢谢大家

Answer 1

有多种检查方式，因为您可以通过多种方式定义样式，例如

<div class="a">
<p class="green">Green</p>
<p>red</p>
</div>

要选择第一个 p，您可以使用以下任一技术.a p:nth-child(1){颜色:绿色}.a .green{颜色:绿色}。绿色的{颜色:绿色

但是当它是

1

• 1

• 2

• 3

选择第二个p

div ul li:nth-child(2){}

要进一步引用，您应该搜索 css 选择器