我有一个名为index的div类，在这个类中，我还有两个没有类或id名称的div和两个<p>标记。我想将样式应用于这两个<p>标记。
<div class="doubt">
<div>
<p>Hello world</p>
<div>
<p>Hello</p>
</div>
</div>
</div>如何为两个p标签应用不同的样式？
请帮我摆脱困境，提前谢谢！
简单只需使用此css
如果有进一步的澄清，请告诉我。
.doubt > div > div > p {
color: green;
}
.doubt > div > p {
color: red;
}<div class="doubt">
<div>
<p>Hello world</p>
<div>
<p>Hello</p>
</div>
</div>
</div>您可以使用内联样式。
<div class="doubt">
<div>
<p style="color: yellow">Hello world</p>
<div>
<p style="color: red">Hello</p>
</div>
</div>
</div>
此外，您还可以在样式中使用层次结构来对这些段落应用样式。
<head>
<style>
.doubt div p{
color: red;
}
.doubt div div p{
color: green;
}
</style>
</head>
<body>
<div class="doubt">
<div>
<p>Hello world</p>
<div>
<p>Hello</p>
</div>
</div>
</div>
</body>
希望这对你有帮助。
您可以为两个p标记应用不同的样式，如下所示：-
.doubt div:nth-child(1) p{ color:green;}
.doubt div:nth-child(2) p{ color:red;}<div class="doubt">
<div>
<p>Hello world</p>
<div>
<p>Hello</p>
</div>
</div>
</div>您还可以使用内联同步。
<div class="doubt">
<div>
<p style="color: red">Hello world</p>
<div>
<p style="color: green">Hello</p>
</div>
</div>
</div>