追加の<hr>タグのスタイリング？

Question

ウェブサイトのサイドバーに追加の<hr>タグのスタイルを設定したいと考えています。

すでに時間を定義している場合、どうすればこれを行うことができますか？

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

スタイルを追加できますか？

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

だからhtmlは

<hr class="side">？

Answer 1

使用する

hr.side { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

その後

<hr class="side">

cssでは、.はクラスを参照し、#はidを参照します

編集：

本当にstyle=""でインラインスタイリングをしたい場合は、次のようになります。

<hr style="border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0;">

この最後の方法は実際には推奨される方法ではありませんが、すべてのcssスタイルシートをオーバーライドし、HTMLページに埋め込まれている<style> </style>タグもオーバーライドする場合に最適です。