Sie haben einen Raum zwischen den rgb
und den (
, was nicht erlaubt ist:
header h1 {
background-color: red;
color: rgb(224, 226, 213);
}
Nein, ich bin ernst, ist es nicht.
Im Gegensatz zu vielen Programmiersprachen verbietet CSS ausdrücklich Leerzeichen zwischen einem Funktionsnamen und der öffnenden Klammer. Dies gilt nicht nur für rgb()
und rgba()
, sondern auch für andere funktionale Werte wie url()
und attr()
, sowie für funktionale Pseudoklassen wie :nth-child()
, :lang()
und :not()
.
Siehe section 4.3.6 of CSS2.1, in dem es heißt:
Das Format eines RGB-Wert in der funktionalen Notation ‚rgb (‘, gefolgt von einer durch Kommata getrennte Liste von drei numerischen Werte (entweder drei ganzzahlige Werte oder drei Prozentwerte) gefolgt von ')'. [...] Leerzeichen sind um die numerischen Werte zulässig.
und auch Appendix G für die Grammatik beziehen, genau die folgenden tokenization, die deutlich zeigt, dass Leerzeichen nicht zwischen der Kennung und der öffnenden Klammer erwartet wird:
{ident}"(" {return FUNCTION;}
Es gibt einen Platz nach rgb – Esailija
Während dies eine Tippfehlerfrage ist, denke ich nicht, dass es "unwahrscheinlich ist, zukünftigen Lesern zu helfen". Das ist ein ziemlich gewöhnlicher Fall, und ich unterziehe das in meiner Antwort. – BoltClock