css - 将 CSS 应用于 中的元素

Question

我有以下 HTML 代码，

<div class="part">
    <div class="pleft">
        <img src="images/1.jpg">
        <b>Image 1</b>
    </div>
    <div class="pright">
        <img src="images/2.jpg">
        <b>Image 2</b>
    </div>
</div>

如何在 pleft 和 pright 下为图像和 b 元素应用 CSS 样式。

现在我是按照下面的方式来做的，

<div class="part">
    <div class="pleft">
        <img class="pl1" src="images/1.jpg">
        <b class="pl2">Image 1</b>
    </div>
    <div class="pright">
        <img class="pr1" src="images/2.jpg">
        <b class="pr2">Image 2</b>
    </div>
</div>

我想知道是否有任何捷径可以做到这一点。 div pright 和 pleft 运行时间很长，我不想为它们中的每一个都定义一个新类。

感谢您的帮助。问候。

Answer 1

您的 CSS 将如下所示

.pleft {//your css}
.pleft img {//your css}
.pleft b {//your css}

.pright{//your css}
.pright img{//your css}
.pright b{//your css}