パラグラフからの独立したfigcaptionテキスト設定

Question

私は画像が横にあり、それぞれの画像に "figcaption"が必要です。私は独立した設定で "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クラスは、この設定を持っている：figcaptionタグが正しく私のHTMLに使用されている場合も

は、私はわかりません

.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タグは、figcaptionタグにスタイルを適用するか、htmlにclass属性を与えることで、他のタグと同じように扱うことができます。

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

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

：クラス属性を使用して

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

：figcaptionにスタイルを適用する