Na dann korrigier ich dich mal:
Im Prinzip muss ich da jetzt ziemlich weit ausholen, das spar ich mir jetzt aber durch eine Kurzform.
Es ist völlig irrelevant, ob die inputs in einem Form-Tag sind oder nicht.
Kurze Rekonstruktion eines Falles:
Code:
<form name="testform" method="post">
<input name="input1" />
<input name="input2" />
<button type="submit">Submit</button>
</form>
Wenn ich nun ALLE inputs ansprechen will (auch außerhalb des Forms), dann schreibe ich "input {}".
Wenn ich nun ALLE inputs INNERHALB von ALLEN Forms eines HTML-Dokumentes ansprechen will, schreibe ich "input form {}".
Noch ein paar Beispiele:
Wenn ich nun eine andere Formstruktur habe:
Code:
<form name="testform" method="post">
<input name="input1" />
<input name="input2" />
<div>
<input name="input3" />
</div>
<button type="submit">Submit</button>
</form>
und ich will NUR input3 ansprechen, dann kann ich das über verschiedene Varianten machen.
"form > div > input {}", "form[name="testform"] input[name="input3"] {}"... es gibt da 1000 Wege mehr.
Um dich jetzt nicht weiter zu verwirren, empfehle ich dir:
Schau dir CSS-Selektoren an (Wenn du die drauf hast, bist du schon mal einen Riesenschritt weiter)
und schau dir auch die CSS-Pseudoklassen an. Auch diese sind wichtig. Wenn du das beides drauf hast, wird dir CSS um einiges leichter fallen.
Edit:
Okay meine "Kurzform" war wohl doch nicht so kurz wie ich dachte xD. Ich hoffe ich hab dich jetzt nicht mehr verwirrt oder so ;)
2. Edit:
Und du hast ja glaube ich die CSS Sachen in die Html-Datei mit reingepackt, das würde ich gerne separat machen wegen Anfänger halt
Was genau meinst du mit "seperat"? Eine externe CSS-Datei?