Потомак - ЦСС-трикови

Anonim

Селектор потомака у ЦСС-у је било који селектор са празним размаком између два селектора без комбинатора. Ево неколико примера:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

Узмимо ul li ( )за пример. То значи „било која ставка листе која је потомак неуређене листе“.

Десцендант значи било где угнежђено унутар њега у ДОМ стаблу. Може бити директно дете, може бити дубоко пет нивоа, и даље је потомак. Ово се разликује од подређеног комбинатора (>) који захтева да елемент буде следећи угнежђени ниво доле.

За илустрацију, div span ( )подудараће се:

 I will match
  • I will match too

Вероватно не бисте требали о томе да бринете много, али помакнути селектор је прилично „скуп“ - што значи тешко / споро за рендеровање мотора како би могли да открију и раде са њима. МДН:

Селектор потомака је најскупљи селектор у ЦСС-у. То је ужасно скупо - посебно ако је бирач у ознаци или универзалној категорији.

Али само у поређењу са осталим селекторима. И даље је запањујуће брзо и вероватно то никада нећете приметити ако не полудите.

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Било који Било који Било који Било који Било који Било који Било који