2017-07-06 2 views
-1

Ich möchte die gegebene CSS-Formatierung .parsley-errors-list > li wiederverwenden und sie auf andere HTML-Elemente anwenden, als sie für die Verwendung vorgesehen sind. Ich möchte es auf <span> anwenden, um nicht einen anderen doppelten Stil zu erstellen und sicher zu sein, dass span immer vom gleichen Stil wie .parsley-errors-list > li sein wird.Wiederverwendung von CSS-Stil und Anwendung auf andere HTML-Elemente

.parsley-errors-list { 
    display: none; 
    margin: 0; 
    padding: 0; 
} 

.parsley-errors-list > li { 
    font-size: 12px; 
    list-style: none; 
    color: #f05050; 
} 

EDIT:

Bei CSS Probe ist Teil eines aktualisierbaren Thema, so würde Ich mag für die Wartbarkeit zu ändern, es zu vermeiden.

+3

'.parsley-Fehler-Liste> li, span' – j08691

Antwort

3

Das ist sehr einfach zu tun. Nur ein Komma setzen auf die CSS-Selektor wie folgt aus:

.parsley-errors-list > li, span { 
    font-size: 12px; 
    list-style: none; 
    color: #f05050; 
} 
+0

Danke, aber dies für alle gelten' span' Elemente. Und zweitens muss ich die CSS-Datei ändern, die Teil eines aktualisierbaren Themas ist. Daher möchte ich es vermeiden, es aus Gründen der Wartbarkeit zu ändern. Gibt es eine andere Möglichkeit, '.parsley-errors-list' für' span' wiederzuverwenden? – Megrez7

+2

@ Megrez7 Sie müssen CSS-Datei ändern, egal was. Sie listen im Grunde die Regelselektoren getrennt durch Komma auf, so dass die gleichen Stile für alle Ihre Selektoren gelten – Huangism

Verwandte Themen