Pretty einfache Frage, aber ich bin nicht sicher, ob es möglich ist. Ich möchte ein Bild hinzufügen, das als Aufzählungszeichen in allen<h1> Elemente. Ich weiß, dass ich das erreichen kann, indem ich:

<span class='bullet'></span><h1>My H1 text here</h1>

mit CSS:

.bullet{
    background: url('bullet.png') no-repeat;
    display:inline-block;
    vertical-align: middle;
    background-size:100%;
    height:25px;
    width:25px;
    margin-right: 5px;
}

Aber gibt es eine automatische Möglichkeit, dasselbe zu tun? Ich dachte so etwas wie:

h1{
    list-style-image: url('bullet.png');
}

aber das scheint nur mit @ zu funktionier<ul> Elemente. Ich möchte wirklich nicht das @ einfügen müss<span> Element überall vor dem<h1> Element. Irgendwelche Ideen