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

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -