Wie style Elternelemente von Headern mit CSS?

Question

Ich möchte in der Lage sein, die Eigenschaft list-style-type: none; für alle li Elemente, die einen Hauptkopf enthalten (<h1>, <h2> und <h3>).

Zuerst habe ich versucht, diese -

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

Aber dann würde ich erkennen, dass es nicht funktioniert, weil es auf dem Header die Eigenschaft setzt, nicht die Listenelemente.

Wie kann ich das tun?

Answer 1

Sie können li-Elementen, die Header-Elemente enthalten, eine Klasse zuweisen und list-style auf none setzen.

Beispiel:

li.header {list-style:none;} 

Answer 2

Versuchen Sie Folgendes:

CSS:

li { 
     list-style-type: none; 
    } 

HTML:

<ul> 
     <li><h1>test1</h1></li> 
     <li><h1>Test2</h1></li> 
    </ul>