html - CSS Specificity - can't get to the point -
guys can tell me why can't remove list-style-type <ul> below using specificity defined below html.
<footer><!-- footer starts--> <div class="container_12"> <div class="grid_2"> <ul> <li> <strong> <a href="#">test</a> </strong> </li> <li> <a href="#">home</a> </li> <li> <a href="#">why </a> </li> <li> <a href="#">get started</a> </li> <li> <a href="#">customers</a> </li> <li> <a href="#">careers</a> </li> </ul> footer ul { list-style-type:none; margin:0px; padding: 0px; } i've tried footer div div ul {} can't seem address ul element.
css class needs called .footer ul {...}, , footer has use it: <footer class="footer"> - because in ie6, , other browser doesn't understand html5 tags, <footer> renamed <div> whichever solution using, css selector not apply longer...
update: check in browser developer tools if overriding style, or try forcing list-style-type: none !important;
Comments
Post a Comment