Мазмұны:

Бірінші түрді қалай пайдаланасыз?
Бірінші түрді қалай пайдаланасыз?

Бейне: Бірінші түрді қалай пайдаланасыз?

Бейне: Бірінші түрді қалай пайдаланасыз?
Бейне: Бірінші жыныстық қатынастқа дайындалу 2024, Мамыр
Anonim

: бірінші түрі . The: бірінші түрі CSS-тегі селектор сізге мақсат қоюға мүмкіндік береді бірінші оның контейнерінде элементтің пайда болуы. Ол CSS Selectors Level 3 спецификациясында «құрылымдық псевдокласс» ретінде анықталған, яғни ол пайдаланылады мазмұнды ата-аналық және бауырлас мазмұнмен қарым-қатынасына қарай стильдеу.

Бұл ретте P селекторлық бөлімі нені таңдайды?

The: бірінші түрі псевдокласс таңдайды бірінші элемент оның түрі (div, б , т.б.). Классты пайдалану селектор (немесе а түрін таңдау құралы ) сол псевдосыныппен to таңдаңыз а элемент егер оның берілген класы болса (немесе берілген класқа жататын болса). түрі ) және болып табылады бірінші оның түрі бауырларының арасында.

Сондай-ақ біліңіз, n-ші түрдегі () және N-ші еншілес () селекторларының айырмашылығы неде? The n-түрі() псевдокласс сияқты nth-child() , санға негізделген элементті сәйкестендіру үшін пайдаланылады. Бұл сан, алайда, элементтің тек бір элемент түріне жататын бауырластарындағы орнын көрсетеді.

Сол сияқты, CSS ішіндегі бірінші баланы қалай таңдауға болады?

Егер қаласаң таңдаңыз және стиль бірінші Контейнердің ішіндегі абзац бірінші бала , сіз пайдалана аласыз: бірінші -of-типті селектор, аты айтып тұрғандай, болады біріншісін таңдаңыз болып табылатынына қарамастан, оның түрінің элементі бірінші бала оның ата-анасынан.

CSS-те n-ші элементті қалай таңдайсыз?

CSS:nth-child() селекторы

  1. Әрқайсысы үшін фон түсін көрсетіңіз

    оның ата-анасының екінші еншілес элементі: p:nth-child(2) {

  2. Тақ және жұп - индексі тақ немесе жұп болатын еншілес элементтерді сәйкестендіру үшін пайдалануға болатын кілт сөздер (бірінші еншілестің индексі 1).
  3. (an + b) формуласын қолдану.

Ұсынылған: