Эмнеге үйрөнсөк болот? Cascade Cascading Style Sheets каражаттар менен

CSS Кыска Сабактын

Каскады кылат CSS стилдердин барактар абдан пайдалуу. Кыскача айтканда, ГЭС-бирине карама-каршы стилдери кантип үчүн кезек тартибин аныктайт колдонулушу керек. Башка сөз менен айтканда, эки карашат, эгерде:

б {түсү: кызыл; }
б {түсү: көк; }

Алар ГЭС-пункттары да стилдер жадыбалы мамлекеттердин да, болушу керек болгон түс аныктайт кызыл, көк да болушу керек. Акыр-аягы, бир гана түстүү пункттарынын колдонулушу мүмкүн, ошондуктан бир тартип болушу керек да.

Бул тартип тэг тарабынан колдонулат (Жогоруда берилген мисалда-жылы б) алар документ пайда тартиби жогорку артыкчылыкка жана бар.

төмөнкү тизме браузер стилин артыкчылыкка токтом кылат кантип жөнөкөйлөтүү болуп саналат:

  1. элементти дал селектордун үчүн стилдин карап. эч кандай аныкталган стилдери бар болсо, анда браузерде демейки эрежелерди колдонуу
  2. маанилүү белгиленген селекторлордун стилдердин баланста Мына жана тиешелүү элементтер да колдонулат.
  3. стилдин бардык стилдер демейки серепчи образын (колдонуучу стили башка учурларда) жокко чыгара албайт.
  4. стили селектор конкреттүү, жогорку артыкчылык анда болот. Мисалы, бөлүү> p.class б караганда өзгөчө болот p.class караганда өзгөчө болот.
  5. Акыр-аягы, эки эрежелер ошол эле элементке карата колдонулат, ошол эле селектор артыкчылыкка ээ болсо, анда акыркы жүктөлгөн бир колдонулат. Башка сөз менен айтканда, стилдер жадыбалы башынан аягына чейин окуп, ал эми стилдер биринин үстүнө бири колдонулат.

Бул эрежелерге ылайык, жогоруда мисалда көрсөтүлгөндөй,-пунктунун б {түс, анткени, көк жазып чыга турган: көк; } Стилдин акыркы келет.

Бул каскадын абдан жөнөкөйлөтүлгөн түшүндүрүү болуп саналат. Сиз каскады кандайча иштей тургандыгы жөнүндө көбүрөөк билүүгө кызыктар болуп, анда окуу керек "Каскад" стилдерди Бул эмнени билдирет? .