De var-functie van het CSS cascade stijlblad

Klein tuig · Geplaatst op 05-06-2020 11:47:51

De var()-functie kan elk deel van de waarde vervangen in elke eigenschap van een element in een element. de functie var() kan niet worden gebruikt als eigenschapsnaam, selector of andere waarde dan de eigenschapswaarde.

grammatica

De eerste parameter van de methode is de naam van het aangepaste attribuut dat vervangen moet worden. De optionele tweede parameter van de functie wordt gebruikt als terugvalwaarde. Als de aangepaste eigenschap waarnaar de eerste parameter verwijst ongeldig is, zal de functie de tweede waarde gebruiken.

De testcode is als volgt:

Inloggen is zichtbaar.

De renderings zijn als volgt:

We definiëren twee klassestijlen: .fsize kan de --font-size-variabele vinden die we hebben gedefinieerd, dus het zal 20px weergeven, en .fsize2 kan de definitie van --font-size-test niet vinden, dus gebruikt het de tweede waarde van de functie, die 50px is.

Opmerking: Definieer de variabele twee streepjes om te beginnen.

Referentie:De hyperlink-login is zichtbaar.

[CSS/DIV] De var-functie van het CSS cascade stijlblad

Gerelateerde berichten

Secties bekeken