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 - Unusual behaviour when drawing lots of images onto a large canvas -

how can i manage url using .htaccess in php? -

javascript - Chart.js - setting tooltip z-index -