Html 如何选择多个元素的子类

型号:AIDCU

$8.99

我想为price制作一个样式，并使颜色为绿色，以防它在rightbox div中，我想使用css，我不能更改结构，因为它是一个主题，它不应该与其他主题中的其他价格冲突

我可以使用

div.rightsidebox>div.item-info-list

但是我不能再进一步了，因为那一段 我怎样才能解决它？我在使用“>”和相互使用多个类方面存在弱点

<div class="rightsidebox">
    <div class="item-info-list">
        <p>Model: AIDCU</p>
        <div class="product-details">
            <p></p>
            <div class="price-box"> <span class="regular-price" id="product-price-1617-related">
      <span class="price">$8.99</span></span>
            </div>
            <p></p>
        </div>
    </div>

例如

例如

例如

---

示例。

我相信这就是您想要的：

div.rightsidebox>div.item-info-list .price{
    color: green;
}

---

jshiddle:

我相信这就是您要寻找的：

div.rightsidebox>div.item-info-list .price{
    color: green;
}

---

jshiddle:

我相信这就是您要寻找的：

div.rightsidebox>div.item-info-list .price{
    color: green;
}

---

jshiddle:

我相信这就是您要寻找的：

div.rightsidebox>div.item-info-list .price{
    color: green;
}

---

jsIDLE:

如果您只想选择

价格，并将其变为绿色（如果它包含在rightbox中）：

div.rightsidebox>div.item-info-list>div.product-details {
    background:#ff0000;
}

如果您只想选择
价格
，并将其设为绿色（如果它包含在rightbox中）：

div.rightsidebox>div.item-info-list>div.product-details {
    background:#ff0000;
}

如果您只想选择
价格
，并将其设为绿色（如果它包含在rightbox中）：

div.rightsidebox>div.item-info-list>div.product-details {
    background:#ff0000;
}

如果您只想选择
价格
，并将其设为绿色（如果它包含在rightbox中）：

div.rightsidebox>div.item-info-list>div.product-details {
    background:#ff0000;
}

这将深入到样式表中定义的类中的段落元素（上图）

如果您有多个元素的类名，则不需要使用
div.rightsidebox
，这是所必需的。否则，只有
.rightsidebox
正常

您可以在此处了解有关CSS子选择器的更多信息：

这将深入到样式表中定义的类中的段落元素（上图）

如果您有多个元素的类名，则不需要使用
div.rightsidebox
，这是所必需的。否则，只有
.rightsidebox
正常

您可以在此处了解有关CSS子选择器的更多信息：

这将深入到样式表中定义的类中的段落元素（上图）

如果您有多个元素的类名，则不需要使用
div.rightsidebox
，这是所必需的。否则，只有
.rightsidebox
正常

您可以在此处了解有关CSS子选择器的更多信息：

这将深入到样式表中定义的类中的段落元素（上图）

如果您有多个元素的类名，则不需要使用
div.rightsidebox
，这是所必需的。否则，只有
.rightsidebox
正常

您可以在此处了解有关CSS子选择器的更多信息：

编辑：使用>-selector

元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素

编辑：使用>-selector

元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素

编辑：使用>-selector

元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素

编辑：使用>-selector

元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素
 .rightsidebox.price{color:green；}编辑：用法>-运算符元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素。应该，试着用！重要的。price{color:green！important；}@Doodlebunch它对我有效，请提交您的答案，以便我选择。rightsidebox.price{color:green；}编辑：用法>-运算符元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素。应该，试着用！重要的。price{color:green！important；}@Doodlebunch它对我有效，请提交您的答案，以便我选择。rightsidebox.price{color:green；}编辑：用法>-运算符元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素。应该，试着用！重要的。price{color:green！important；}@Doodlebunch它对我有效，请提交您的答案，以便我选择。rightsidebox.price{color:green；}编辑：用法>-运算符元素>元素选择器用于选择具有特定父元素的元素。注意：不选择不是直接指定父级的子级的元素。应该，试着用！重要的。price{color:green！important；}@Doodlebunch它对我有用，请提交您的答案，以便我选择它的颜色：#ff0000；是的，它在JSFIDLE中起作用，但在我看来不起作用，它似乎在颜色方面存在冲突：#ff0000；是的，它在JSFIDLE中起作用，但在我看来不起作用，它似乎在颜色方面存在冲突：#ff0000；是的，它在JSFIDLE中起作用，但在我看来不起作用，它似乎在颜色方面存在冲突：#ff0000；是的，它在JSFIDLE工作，但不为我工作，似乎它在某些方面有冲突是的，它工作了，谢谢你和doodle，我不知道你是谁