Question

I would like to be able to set the property list-style-type: none; on all li elements that contain a major header (<h1>, <h2> and <h3>).

At first I tried this –

li h1,
li h2,
li h3 {
    list-style-type: none;
}

But then I realised it wouldn’t work, because it is setting the property on the headers, not the list elements.

How can I do this?

Answer 1

You can assign a class to li items which contains header elements and set list-style to none.

For Example:

li.header {list-style:none;}