CSS zmiana wartości domyślnych słów kluczowych w kolorze bazowym

Zastanawiam się, czy możliwa jest zmiana wartości kolorów dla słów kluczowych w kolorze bazowym CSS? Na przykład p { color: red; } jest domyślnie #ff0000. Czy istnieje sposób zdefiniowania koloru red, więc za każdym razem, gdy używam słowa kluczowego red, wyświetlany kolor to #ffcc00 zamiast #ff0000?CSS zmiana wartości domyślnych słów kluczowych w kolorze bazowym

Czy możliwe jest zdefiniowanie nowych słów kluczowych w kolorze? Na przykład: p { color: foo; }, gdzie foo wyświetla zdefiniowany kolor, np. #ff9900?

Źródło

2016-11-20 PixelPaul

@aVC - To nie robi tego, o co pyta ... ale jeśli masz odpowiedź, odpowiedz, a nie komentarz. – Quentin

@Quentin ze swoją reputacją, prawdopodobnie wiesz, że istnieje większa większość tam na SO, która mówi, jeśli możesz usunąć komentarz, nie marnuj odpowiedzi! :) – aVC

@aVC - Nie. Jeśli masz odpowiedź, odpowiedz odpowiedź. Jeśli masz komentarz, to daj komentarz. Nie są wymienne. Jedna nie jest preferowana dla drugiej. – Quentin

Należy rozważyć zastosowanie css variables lub narzędzia do przetwarzania wstępnego, takich jak SASS z niego.

Źródło

2016-11-20 15:24:22 Quentin

Jedyna poprawna odpowiedź na pytanie. – naeramarth7

Prawdopodobnie lepiej dla większości przypadków używać preprocesora w przeciwieństwie do zmiennych CSS, chyba że obsługa przeglądarki nie jest ważna. Preprocesor poda zmienne oraz wsparcie dla różnych przeglądarek wśród innych funkcji :) – Brian

Tak, ale nie w czystym CSS. Możesz użyć preprocesora CSS, takiego jak SASS, SCSS lub LESS, i przypisać zmienne - nie będzie to dokładnie takie, jak red, ale będziesz w stanie wykonać $red - chociaż jest to zła praktyka. (Co należy zrobić, to stworzyć coś podobnego $main-color i $accent-color. - w ten sposób będzie to sens nawet jeśli używasz niebieski lub żółty jako kolor

Źródło

2016-11-20 15:24:34 junkfoodjunkie

Można używać zmiennych CSS (but it's not supported IE and Old Chrome versions)

uznającej. zmienna:

element { 
    --main-bg-color: brown; 
}

Używając zmiennej:

element { 
    background-color: var(--main-bg-color); 
}

można przeczytać więcej tutaj MDN

Przykład:

:root { 
 
    --red: #FFCC00; 
 
} 
 
p { 
 
    color: var(--red); 
 
}

<p>Some text</p>

Źródło

2016-11-20 15:29:17

No, może nie w czystym CSS ty.

Jeśli chcesz zmienić swój kolor w CSS, najlepiej nie rób tego, ale możesz użyć LESS lub SASS I believe.

Źródło

2016-11-20 16:21:16 rohitravishankar

CSS zmiana wartości domyślnych słów kluczowych w kolorze bazowym

Odpowiedz

Powiązane problemy