Ich möchte in CSS unterscheiden können zwischen
(1) Submit-Buttons im allgemeinen, z.B.
<input type="submit" name="submit" value="Anmelden" />
oder
<input type="submit" name="submit" value="Passwort senden" />
und
(2) Submit-Buttons mit der Beschriftung "Abmelden".
<input type="submit" name="submit" value="Abmelden" />
Dazu habe ich folgendes CSS (abgekürzt):
fieldset input[type=text], fieldset input[type=password] {...}
Dazu habe ich keinen Einwand.
/* Abmelde-Button speziell: */
fieldset input[type="submit"][value="Abmelden"] { margin:0 0 0 0; }
Aber hier kommen meine Bedenken.
Die Bedenken sind nicht technischer Art (wie verlässlich können Browser diese Syntax verstehen), sondern pragmatischer.
Das Attribut "value" beinhaltet typischer Weise variablen Inhalt.
Denke daran, dass du diesen Wert später mal änderst. Danach wunderst du dich betreffs der Ursache, warum es sich nicht richtig formatieren lässt.
Meiner Meinung verstrickst du dich damit auch in die Gewichtung für Selektoren.
Persönlich würde ich ein individuelles ID Attribut vorziehen. Falls ich später ein mehrsprachiges Formular benötige, habe ich mir mit dem CSS nicht in den eigenen Fuss geschossen.
mfg Beat
/|
<°)))o>< / | /|
---- _|___/ | ><o(((°>
OvVVvO __ | ><o(((°>
<°)))o>< /v v\/ |
<°)))o>< ^ ^/_/_ ><o(((°>
^^^^/___/
><o(((°> ---- ><o(((°>
<°)))o>< ><o(((°>o