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

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -