Css селектори

По този начин, за избор - е формално описание на даден елемент или група от продукти за който правилото определен стил.

Обикновено селектор селектор тип. селектор клас или ID-селектор. който може да бъде последвано псевдо-клас селектори и атрибут селектори (на последната в този Кратко описание Def).







Селектор - последователност от прости селектори. разделени с интервали или символи ">" и "+". Тези сепаратори имат чувство за следващия.

  • Разликата в последователността съответства на понятието "селектори селектор потомство."
  • Символът ">" в последователността на селектори отговаря на понятието "селектора дете".
  • Символът "+" в последователност на селектори съответства на понятието "селектора кърмене".

потомък селектори

Тя може да се прилага към HTML-елемент специфичен стил в зависимост от това дали този елемент е вложен в друг (това е, независимо дали тя е потомък). За тази цел, имената на елементите са изброени в реда на тяхното възприема разполагане и са разделени с интервали. Следващият пример описва селектора, съгласно която заглавията първо ниво (h1 елемент) ще бъдат показани в червени кръвни клетки в таблици (TD). Освен това, всички клетки на всички маси (дори ако има вложени таблици).







селектори за деца

В някои случаи, ние не се интересуват от всички "Потомците" на структурен елемент, но само преките - няма "внуци" или "правнуци", но само "деца" (дете). За да покаже, че правилото за стил се отнася само за пряк потомък на ">" символ се използва в селектора. Следващият пример показва селектора, съгласно който в ntablitsy клетки (TD) (маса) на клас "специални" ниво глава 1 (H1) ще бъдат показани в червено. Имайте предвид, че ако се работи с вложена маса в клетката, за да заглавията в клетките му това описание вече не се прилага.

Побратимени селектори

Сестра селектори използват в случаите, когато това е от съществено значение, че някои структурни елементи са потомци на майка и един непосредствено предхожда от друга. В този случай, на символа "+" се използва в селектора.

Следният пример илюстрира много реална ситуация. Като правило, е целесъобразно да се отдели от заглавието на предходния текст разчленена значима (марж-горния имот). Такова уплътнение може да се настрои, например, на стойност от 20-30 пиксела. И това изглежда добре, ако има някакъв въвеждащ текст между различни нива на заглавия. Но това може да се окаже, че в някои случаи, например, между позициите на 1-ви и 2-ро ниво на текста не. Това е, тези заглавия директно следват един друг. След това се увеличава вдлъбнатината ясно не е необходимо.