html - add border-bottom to nested list items -


i want add bottom border every list item css. here css code:

ul,ol{     li{         list-style-type: none;         margin: 0;         padding: 0;         padding-top: 3px;         padding-bottom: 10px;         margin-bottom: 10px;         border-bottom: 1px solid #eeeeee;          ul,ol{             margin-left: 2em;                 li{                     border-bottom: 1px solid #eeeeee;                 }         }     } } 

it gives output this:

screenshot url: http://oi34.tinypic.com/ih1eea.jpg

the css code working fine on top level item. not on sublists. please see screenshot , me, in advance.

demo

give class ul demo

.demo li {    border-bottom: 1px solid #000;   } 

if want each , every li in website should border-bottom won't great idea use

ul li {    border-bottom: 1px solid #000; } 

if want indent nested li can use text


Popular posts from this blog

Php - Delimiter must not be alphanumeric or backslash -

c# - How to change the "Applies To" field under folder auditing options programatically (.NET) -

c++ - Ambiguity when using boost::assign::list_of to construct a std::vector -