Overlapping selectors in css -
in html page, have div id footer. inside of couple of other divs, , last 1 of them has p-tag inside. how apply css style p?
#footer div p { background-color: #000; } #footer div { float: left; width: 23%; border-left: solid 1px; margin: 0; padding-left: 5px; }
the first 1 not seem overwrite second, works fine. give me hint find information order of css selectors?
your css fine. suggest checking structure of html. css provided html should below:
<div id="footer"> <div></div> <div> <p>my paragraph</p> </div> </div>
i have tested , appears kosher. see fiddle.
Comments
Post a Comment