Klasa w Klasie a hover

[ziemowitpl]

Działa dla:
.three:hover {
color:white;
background-color: red;
}
oraz kodu:
<article class="three">

<h2 id="dol">Dół strony</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus incidunt quasi architecto eaque explicabo libero, minima, suscipit asperiores placeat maxime itaque dolor laborum vitae impedit officia nobis quas neque. </p>

</article>
Warunek!
znacznik "p" nie może być określony jego kolor na początku dokumentu tzw globalnie np:
p {
color:black;
}
I nawet dodawanie !important nie daje rady...
Tyle udało mi się rozwiązać. Koloruj p klasami - może tak przejdzie...