Stworzyłem klasę CSS o nazwie „button” i zastosowałem ją do wszystkich moich tagów INPUT, po prostu używając:

.button input
{
//css stuff here
}

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

który działa dobrze, ale później dodałem inny przycisk, ale to nie jest część mojego formularza, to tylko miejsce, które jest trigerred z javascript i otwiera iFrame. Ponieważ chciałem, aby wyglądał tak samo jak wszystkie „prawdziwe” przyciski, użyłem tej samej klasy.

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

Problem polegał na tym, że jeśli opuściłem klasę jako.button input <a> tag go nie widział. Jeśli usunęłeminput część CSS wszystkie moje przyciski mają szare kwadraty na środku.

Więc rozwiązałem to.button input,a

To działało dobrze. . . Dopóki nie spojrzałem na inną stronę i nie znalazłem wszystkich<a> tagi zostały teraz sformatowane za pomocą klasy „button”, mimo że nie mają zastosowania tej klasy.

Moje pytanie brzmi: jak mogę zastosować tę samą klasę CSS do<input> i<a> tagi w tym samym czasie, ale tylko jeśli wyraźnie dodałemclass="button".