段落中的独立figcaption文本设置

Question

我有以下段落，图像在侧面，我需要在每个图像上有一个“figcaption”。我需要使用独立设置设置“figcaption”文本。我怎么能这样做？

另外，我不确定我的HTML中是否正确使用了figcaption标记：

<p><figure><span class="image right"><img src="images/scania_old.jpg" alt="Stoptrans first truck" /><figcaption>Stoptrans first truck in the 80's</figcaption></span></figure>Vestibulum ultrices risus velit, sit amet.</p>

我的image.right和image.left类有以下设置：

.image.right {
            float: right;
            margin: 0 0 1em 1.5em;
            top: 0.25em;
        }

.image.left {
            float: left;
            margin: 0 1.5em 1em 0;
            top: 0.25em;
        }

我需要我的figcaption来使用这个设置：

            font-size: 75%;
            font-style: italic;
            text-align: center;

Answer 1

通过将样式应用于figcaption类型标记或在html中赋予class属性，您可以将figcaption标记视为与任何其他标记相同。

将风格应用于figcaption：

figcaption {
font-size: 75%;
font-style: italic;
text-align: center;
}

使用类属性：

<figcaption class="example">Stoptrans first truck in the 80's</figcaption>

.example {
font-size: 75%;
font-style: italic;
text-align: center;
}