Take a look at my code example at js bin:
http://jsbin.com/iritep/3/edit
I’d like to indent the yellow colored item without continuing my hard coded css-rule:
ul li a {padding-left: 20px;}
ul li ul li a {padding-left: 40px;}
ul li ul li ul li a {padding-left: 60px;}
ul li ul li ul li ul li a {padding-left: 80px;} /* don't want this line! */
Can I possibly make this css more dynamic without having to add the last line of css?
I’m sorry, Stackoverflow didn’t allow me to comment twice in such short notice. Here is the link to the solution to my problem.
http://jsbin.com/iritep/5/edit#javascript,html,live