:rootСелектор вам омогућава да циљате "Родитељ" елемент највишег нивоа у Дому, или документ дрво. Дефинисан је у спецификацији ЦСС Селецторс Левел 3 као „структурна псеудо-класа“, што значи да се користи за обликовање садржаја на основу односа са родитељским садржајем и садржајем.
У огромној већини случајева са којима ћете се вероватно сусрести, :rootодноси се на елемент на веб страници. У ХТМЛ документу htmlелемент ће увек бити родитељ највишег нивоа, па је понашање :rootпредвидиво. Међутим, с обзиром да је ЦСС језик за обликовање који се може користити са другим форматима докумената, као што су СВГ и КСМЛ, :rootпсеудо-класа се у тим случајевима може односити на различите елементе. Без обзира на језик за маркирање, :rootувек ће одабрати највиши елемент документа у стаблу докумената.
У примеру испод, :rootселектор псеудо-класе се користи за стварање боје позадине иза елемента. У овом случају, исти ефекат се може постићи употребом htmlбирача елемената у нашем ЦСС-у.
Тачке од интереса
- Иако и
:rootселектор иhtmlселектор циљају исте ХТМЛ елементе, можда би било корисно знати да:rootзаправо има већу специфичност. Селектори псеудо-класе (али не и псеудо-елементи) имају специфичност једнаку специфичности класе, која је већа од селектора основног елемента.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| да | да | да | 9.5+ | ИЕ9 + | да | да |