Stylizacja dodatkowego tagu <hr>?

Question

Szukam stylu dodatkowego tagu <hr> dla mojego paska bocznego na mojej stronie internetowej.

Jak mogę to zrobić, jeśli mam już zdefiniowany czas?

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

Czy mogę dodać styl?

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

więc html byłoby

<hr class="side">?

Answer 1

użycie

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

następnie

<hr class="side"> 

w CSS . odnosi się do klasy, a # do id

EDIT:

jeśli naprawdę naprawdę chciał zrobić wbudowana stylizacja z style="", a następnie będzie działać k jak ten

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

Ta ostatnia metoda nie jest to zalecany sposób, ale działa świetnie, jeśli chcesz nadpisać wszystkie arkusze stylów CSS, a także zastępują <style> </style> znaczniki, które są osadzone w stronę HTML