Hinzufügen von CSS-Klasse zu mehreren Elementen

Ich habe eine CSS-Klasse namens "button" erstellt und auf alle meine INPUT-Tags angewendet, indem ich einfach Folgendes verwende:

.button input
{
//css stuff here
}

<p class="button">
<input type="submit" Name='submit' value="Confirm Selection"/>
</p>

was gut funktioniert, aber ich habe dann eine weitere Schaltfläche hinzugefügt, aber dies ist nicht Teil meines Formulars, es ist nur ein Platzhalter, der mit Javascript versehen ist und einen iFrame öffnet. Da ich wollte, dass es genauso aussieht wie alle "echten" Buttons, habe ich die gleiche Klasse verwendet.

<p class="button" id="AddCustomer">
<a href="AddCustomer.php">Add Customer</a>
</p>

Das Problem, das ich hatte, war, dass ich die Klasse als verlassen habe.button input das<a> tag hat es nicht gesehen. Wenn ich das entferneinput Als Teil des CSS haben alle meine Buttons graue Quadrate in der Mitte.

Also habe ich es mit gelöst.button input,a

Das hat gut funktioniert. . . Bis ich auf eine andere Seite schaute und alle meine fand<a> Tags wurden jetzt mit der Klasse "button" formatiert, obwohl sie diese Klasse nicht angewendet haben.

Meine Frage ist dann, wie ich die gleiche CSS-Klasse anwenden kann<input> und<a> Tags zur gleichen Zeit, aber nur, wenn ich ausdrücklich hinzugefügt habeclass="button".

Antworten auf die Frage(4)

Ihre Antwort auf die Frage