Ik doe het vast heel slecht maar sinds LESS bouw ik mijn CSS eigenlijk op als de HTML-DOM.
Nadeel is dat je na compilen dan dit krijgt:
Die laatste is dus 'gewoon' een algemene style voor bepaalde inputs en dan de elementen erin. De LESS is een stuk eleganter
LessCss:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| /* Algemene styles */ /*******Fonts********/ .left {} .right {} /*******Andere algemene blokken/herbruikbare delen *****/ /* Pagina opbouw */ #wrapper { header { .nav { li {} } } .content { .block {} } footer {} } /* Form styles */ input {} .form {} /* Specifieke styles */ |
Nadeel is dat je na compilen dan dit krijgt:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| .content #header #navigation li#search:hover .search input {} .content #header #navigation li#search .results a:not(.none):after {} /* .none is dan dat er geen resultaten zijn, en in de HTML is het veel overzichtelijker dan .navigation-search-results-no-results oid */ .input-box > input:disabled, .textarea-box > input:disabled, .dropdown-box > input:disabled, .button-box > input:disabled, .input-box > textarea:disabled, .textarea-box > textarea:disabled, .dropdown-box > textarea:disabled, .button-box > textarea:disabled, .input-box > select:disabled, .textarea-box > select:disabled, .dropdown-box > select:disabled, .button-box > select:disabled, .input-box > button:disabled, .textarea-box > button:disabled, .dropdown-box > button:disabled, .button-box > button:disabled, .input-box > div:disabled, .textarea-box > div:disabled, .dropdown-box > div:disabled, .button-box > div:disabled, .input-box > span.title:disabled, .textarea-box > span.title:disabled, .dropdown-box > span.title:disabled, .button-box > span.title:disabled {} |
Die laatste is dus 'gewoon' een algemene style voor bepaalde inputs en dan de elementen erin. De LESS is een stuk eleganter
2x Dell UP2716D | R9 7950X | 128GB RAM | 980 Pro 2TB x2 | RTX2070 Super
.oisyn: Windows is net zo slecht in commandline als Linux in GUI