Сложни CSS селектори
Ние можем да избираме множество класове, като свързваме селектори заедно, използвайки нотация с точка. Ако искаме да групираме няколко елемента към едно и също CSS правило, можем да разделим елементите със запетая, когато ги избираме. Също така можем да избираме елементи, които са деца или наследници на други елементи, като ги разделяме с интервал или знак по-голямо от (›).
CSS специфика
CSS означава каскадни стилови таблици, правилото, приложено към всеки отделен елемент, ще бъде най-специфичното правило. Селекторите на елементи имат най-ниска специфичност, тъй като се използват за избиране на общи елементи. Селекторите на класове имат по-висока специфичност от селекторите на елементи, но идентификаторите са по-специфични от класовете. Ако два селектора са еднакво специфични, правилото, дефинирано последно, ще бъде приложено към елемента(ите). !important е най-специфичното правило, което можем да имаме!
CSS единици
CSS единиците са възможни мерни единици за CSS свойства. Тези единици могат да бъдат абсолютни (px) или относителни (em, rem, %, vh, vw). Днес има толкова много устройства с различни размери, които имат достъп до мрежата, така че използването на абсолютна единица може да не е най-добрият избор. Относителните единици ще променят размера си спрямо страницата или съдържащия елемент, което ги прави чудесен избор за отзивчив уебсайт.
Затваряне
Гмуркайки се по-дълбоко в CSS, ние започваме да виждаме как работи и как можем да го използваме, за да направим уебсайтовете си да изглеждат добре. Утре ще разгледаме модела на CSS box и ще разберем как да показваме елементи на страницата на различни места✌️!
