html lists - Use CSS to alternate ul bullet point styles -


I would prefer alternative list-style-type properties for the ul list, so that the external one is disc, then an internal ul The list is a circle, one inward one disc, and so on.

Basically, what do I want:

  & lt; Ul & gt; & Lt ;! - Use Disk - & gt; & Lt; Li & gt; Household Advertising & lt; / Li & gt; & Lt; Li & gt; & Lt; Ul & gt; & Lt ;! - Use circle - & gt; & Lt; Li & gt; Household Advertising & lt; / Li & gt; & Lt; Li & gt; & Lt; Ul & gt; & Lt ;! - Use Disk - & gt; & Lt; Li & gt; Household Advertising & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; Household Advertising & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; Household Advertising & lt; / Li & gt; & Lt; / Ul & gt;   

How do I use CSS?

In this way ...

  li {list-style: circle; } Li li {List-style: Disk; } Li li li {List-style: Category; }   

and so on ...

The first level of the list items will be the "circle" type marker, the second (embedded) "disk" will use the third level classes Will use

Just take the above CSS and change list-style to suit your needs. You can find a list of list-style here:

Comments