Мәнер кестелерін каскадтаудағы Каскад дегенді білдіреді

CSS қысқа курсы

Каскад CSS стильдерінің парақтарын соншалықты пайдалы етеді. Қысқаша айтқанда, каскадты қайшылықты стильдердің қалай қолданылуы керектігі үшін басымдық тәртібін анықтайды. Басқаша айтқанда, егер сізде екі стиль болса:

p {түсі: қызыл; }
p {түсі: көк; }

Каскад парақтардың қандай түсті болуы керектігін анықтайды, тіпті стилі парағында олар қызыл да, көк болуы керек. Сайып келгенде, бір ғана түстер абзацтарға қолданылуы мүмкін, сондықтан бұйрық болуы керек.

Және бұл тапсырма селекторлардың (жоғарыдағы мысалдағы p) ең жоғары басымдылығы және құжатта пайда болатын тәртібі болып табылады.

Төмендегі тізім сіздің браузеріңіздің мәнердің басымдылығын қалай шешетінін жеңілдетеді:

  1. Элементке сәйкес келетін селектордың стилі парағын қараңыз. Егер анықталған мәнерлер болмаса, браузерде әдепкі ережелерді пайдаланыңыз
  2. Белгілі таңдалған селекторлар үшін стиль кестесіне қараңыз және оларды тиісті элементтерге қолданыңыз.
  3. Мәнер парағындағы барлық стильдер әдепкі шолғыш мәнерлерін ауыстырады (пайдаланушы стильдерінің парақтарын қоспағанда).
  4. Мәнер селекторы неғұрлым нақты болса, соғұрлым ол артық болады. Мысалы, div> p.class p.class-дан гөрі ерекше, ол p қарағанда ерекше.
  5. Ақырында, егер екі элемент бірдей элементке қатысты болса және бірдей селекторлық басымдылыққа ие болса, соңғы жүктелген файл қолданылады. Басқаша айтқанда, стильдің парағы жоғарыдан төменге дейін оқылады, ал стильдер бір-бірінің үстіне қолданылады.

Жоғарыда келтірілген мысалда аталған ережелерге сәйкес, параграфтар көк түспен жазылады, өйткені p {color: blue; } мәнер кестесінде соңғы болып келеді.

Бұл каскадты өте қарапайым түрде түсіндіру. Егер сіз каскадтың қалай жұмыс істейтіні туралы көбірек білгіңіз келсе, онда «Каскад» стилінің каскадты кестесіндегі «Cascade» деген не? .