Jestem nowy w tworzeniu interfejsu użytkownika, ale czuję się bardzo nieswojo z tym, jak działa CSS.
Mój przypadek użycia polega na tym, że chciałem zastosować pewne określone style wewnątrz określonego div
na stronie.
Próba CSS:
div.class1 {
font: normal 12px arial, helvetica, sans-serif;
font-color: #f30;
}
div.class1 div.class2 {
border: 1px solid #f30;
}
MNIEJ próby:
@red: #f30;
@font-family: arial, helvetica, sans-serif;
div.class1 {
font: normal 12px @font-family;
font-color: @red;
div.class2 {
border: 1px solid @red;
}
Wersja CSS może powodować błędy, ponieważ zmusza Cię do powtarzania #f30
i za div.class2
każdym razem, gdy próbujesz osiągnąć hierarchię i ponowne użycie zmiennych.
Moje pytania:
- Dlaczego to CSS utrudnia pracę?
- MNIEJ nic specjalnego - po prostu wprowadza oczywiste ulepszenia i przekłada się na CSS?
- Co CSS chce motywować użytkowników, dzięki czemu promuje tak zbędny styl kodowania?
Jestem przekonany, że CSS powinien być tym, czym jest MNIEJ. Zdecydowanie przeoczam jakąś oczywistą zaletę tego, dlaczego tak się dzieje w CSS. Myślałem, że to był problem ze starszymi wersjami, ale byłem zaskoczony, gdy nie widziałem żadnych prób rozwiązania tego problemu za pomocą CSS3.
Pomóż mi zrozumieć, jak powinienem podejść do CSS?
źródło