Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° Bookidrom.ru! БСсплатныС ΠΊΠ½ΠΈΠ³ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ»ΠΈΠΊΠ΅

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ «БпСцификация CSS2Β». Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 15

Автор Π•Π²Π³Π΅Π½ΠΈΠΉ Π Π΅Π·Π½ΠΈΡ‡Π΅Π½ΠΊΠΎ

[x].

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Π°Π³Π΅Π½Ρ‚. Π‘ΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ПА обязаны ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (ΠΈΠ»ΠΈ вСсти сСбя Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ примСняли) Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ всС Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. Π’Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ΠŸΠΠ³Π΅Π½Ρ‚Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ элСмСнты языка Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Ρ‚Π΅ΠΌΠΈ способами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡŽΡ‚ ΠΎΠ±Ρ‰ΠΈΠΌ оТиданиям для языка Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², элСмСнт EM Π² HTML прСдставляСтся ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ italic). Π‘ΠΌ. "ΠžΠ±Ρ€Π°Π·Π΅Ρ† Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй HTML 4.0" - Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡƒΡŽ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² HTML 4.0.

Π£Ρ‡Ρ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π°, Ссли систСмныС настройки ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, систСмныС Ρ†Π²Π΅Ρ‚Π°). Однако, ΠΈΠ·-Π·Π° ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ПА, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ значСния Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠžΠ±Π»Π°ΡΡ‚ΠΈ видимости Ρ‚Π°Π±Π»ΠΈΡ† стилСй ΠΈΠ· этих Ρ‚Ρ€Ρ‘Ρ… источников Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π² соотвСтствии с каскадом.

Каскад CSS Π½Π°Π·Π½Π°Ρ‡Π°Π΅Ρ‚ вСс ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΏΡ€Π°Π²ΠΈΠ»Ρƒ стиля. Если ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ нСсколько ΠΏΡ€Π°Π²ΠΈΠ», ΠΎΠ΄Π½ΠΎ, ΠΈΠΌΠ΅ΡŽΡ‰Π΅Π΅ больший вСс, Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡ€Π°Π²ΠΈΠ»Π° авторской Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈΠΌΠ΅ΡŽΡ‚ больший вСс, Ρ‡Π΅ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ, ΠΎΠ΄Π½Π°ΠΊΠΎ, для ΠΏΡ€Π°Π²ΠΈΠ» "!important". ВсС ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Π°Π²Ρ‚ΠΎΡ€Π° ΠΈΠΌΠ΅ΡŽΡ‚ больший вСс, Ρ‡Π΅ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ПА.

Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°ΡΠΊΠ°Π΄ΠΈΡ€ΡƒΡŽΡ‚ΡΡ, ΠΈ ΠΈΡ… вСс зависит ΠΎΡ‚ порядка импортирования. ΠŸΡ€Π°Π²ΠΈΠ»Π°, спСцифицированныС Π² ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΉΡΡ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй, ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»Π°, ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ‚Π°Π±Π»ΠΈΡ†. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй сами ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй рСкурсивно, ΠΈ Ρ‚ΠΎΠ³Π΄Π° ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Ρ‚Π΅ ΠΆΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ элСмСнт/свойство, ПА обязаны ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ порядок сортировки:

1Найти всС объявлСния, примСняСмыС Π² запросС ΠΊ элСмСнту ΠΈ свойству, для Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° носитСля. ОбъявлСния ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ, Ссли ассоциированный сСлСктор ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅Ρ‚ элСмСнт Π² запросС.

2Π‘Π½Π°Ρ‡Π°Π»Π° объявлСния ΡΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ вСсу ΠΈ источнику: для Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… объявлСний - авторскиС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Для объявлСний "!important" - ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ авторскиС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. ОбъявлСния "!important" ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ объявлСния. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Π°Ρ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚ΠΎΡ‚ ΠΆΠ΅ источник, Ρ‡Ρ‚ΠΎ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй, ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π²ΡˆΠ°Ρ Π΅Ρ‘.

3Вторая сортировка производится ΠΏΠΎ спСцификС сСлСктора: Π±ΠΎΠ»Π΅Π΅ спСцифичСскиС сСлСкторы ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±Ρ‰ΠΈΠ΅. ΠŸΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ псСвдоклассы ΠΎΠ±ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты ΠΈ классы соотвСтствСнно.

4НаконСц, ΠΈΠ΄Ρ‘Ρ‚ сортировка ΠΏΠΎ спСцифицированному порядку: Ссли Π΄Π²Π° ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ вСс, источник ΠΈ спСцифику, выбираСтся спСцифицированноС ΠΏΠΎΠ·ΠΆΠ΅. ΠŸΡ€Π°Π²ΠΈΠ»Π° Π² ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… стилСй Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΠ΅Ρ€Π΅Π΄ Π»ΡŽΠ±Ρ‹ΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΉΡΡ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй.

НСзависимо ΠΎΡ‚ установок "!important" ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… объявлСний, эта стратСгия Π΄Π°Ρ‘Ρ‚ авторским Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌ стилСй больший вСс, Ρ‡Π΅ΠΌ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌ читатСля. Π­Ρ‚ΠΎ Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ПА ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ влияниС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… Ρ‚Π°Π±Π»ΠΈΡ† стилСй, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… мСню.

CSS пытаСтся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ авторскими ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡ€Π°Π²ΠΈΠ»Π° авторской Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ (см. каскадноС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ 3).

Однако, для баланса, объявлСниС "!important" (ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово "!" ΠΈ "important" ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° объявлСниСм) ΠΈΠΌΠ΅Π΅Ρ‚ прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ†ΠΈΠ΅ΠΉ. И авторскиС, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ объявлСниС "!important", ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° "!important" ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ авторскиС "!important". Π­Ρ‚ΠΎ свойство CSS ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΡƒΡ‚Ρ‘ΠΌ прСдоставлСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ со спСцифичСскими трСбованиями (ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Ρ‚.ΠΏ.) контроля Π½Π°Π΄ прСдставлСниСм.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π­Ρ‚ΠΎ сСмантичСскоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² сравнСнии с CSS1. Π’ CSS1 авторскиС ΠΏΡ€Π°Π²ΠΈΠ»Π° "!important" ΠΈΠΌΠ΅Π»ΠΈ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ "!important".

ОбъявлСниС сокращённого свойства (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 'background') ΠΊΠ°ΠΊ "!important" эквивалСнтно объявлСнию всСх Π΅Π³ΠΎ подсвойств ΠΊΠ°ΠΊ "!important".

ΠŸΠ΅Ρ€Π²ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ содСрТит объявлСниС "!important", ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ пСрСопрСдСляСт ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ объявлСниС Π² авторской Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй. Π’Ρ‚ΠΎΡ€ΠΎΠ΅ объявлСниС Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Π½ΠΎΠ΅ "!important".

Однако Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй - Π½Π΅ "!important" - ΠΈ поэтому Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π±Ρ€ΠΎΡˆΠ΅Π½ΠΎ Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° авторской Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ устанавливаСт ΡΡ‚ΠΈΠ»ΡŒ сокращённого свойства). Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ авторскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π±Ρ€ΠΎΡˆΠ΅Π½ΠΎ Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ авторского ΠΏΡ€Π°Π²ΠΈΠ»Π°, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ - "!important". Π­Ρ‚ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ объявлСния "!important" ΠΈΠΌΠ΅ΡŽΡ‚ дСйствиС Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ авторских Ρ‚Π°Π±Π»ΠΈΡ† стилСй.


/* Из ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй */ P { text-indent: 1em ! important } P { font-style: italic ! important } P { font-size: 18pt } /* Из авторской Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй */ P { text-indent: 1.5em !important } P { font: 12pt sans-serif !important } P { font-size: 24pt }


Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ° сСлСктора высчитываСтся Ρ‚Π°ΠΊ:

[x]. вычисляСтся количСство Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ID Π² сСлСкторС (= a)

[x]. вычисляСтся количСство Π΄Ρ€ΡƒΠ³ΠΈΡ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈ псСвдоклассов Π² сСлСкторС (= b)

[x]. вычисляСтся количСство ΠΈΠΌΡ‘Π½ элСмСнтов Π² сСлСкторС (= c)

[x]. ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ псСвдоэлСмСнты.

ΠšΠΎΠ½ΠΊΠ°Ρ‚Π΅Π½Π°Ρ†ΠΈΡ Ρ‚Ρ€Ρ‘Ρ… чисСл a-b-c (Π² числовой систСмС с большой Π±Π°Π·ΠΎΠΉ) Π΄Π°ΡŽΡ‚ спСцифику.


* {} /* a=0 b=0 c=0 -> спСцифика = 0 */ LI {} /* a=0 b=0 c=1 -> спСцифика = 1 */ UL LI {} /* a=0 b=0 c=2 -> спСцифика = 2 */ UL OL+LI {} /* a=0 b=0 c=3 -> спСцифика = 3 */ H1 + *[REL=up]{} /* a=0 b=1 c=1 -> спСцифика = 11 */ UL OL LI.red {} /* a=0 b=1 c=3 -> спСцифика = 13 */ LI.red.level {} /* a=0 b=2 c=1 -> спСцифика = 21 */ #x34y {} /* a=1 b=0 c=0 -> спСцифика = 100 */


Π’ HTML значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° "style" элСмСнта ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. Π­Ρ‚ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ сСлСкторов, Π½ΠΎ для Ρ†Π΅Π»Π΅ΠΉ шага 3 каскадного Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ° ΠΎΠ½ΠΈ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ сСлСктор ID (спСцифика: a=1, b=0, c=0). Для Ρ†Π΅Π»Π΅ΠΉ шага 4 ΠΎΠ½ΠΈ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ послС всСх Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ».


<HEAD> <STYLE type="text/css"> #x97z { color: blue } </STYLE> </HEAD> <BODY> <P ID=x97z style="color: red"> </BODY>


Π’ Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ†Π²Π΅Ρ‚ элСмСнта P Π±ΡƒΠ΄Π΅Ρ‚ красным. Π₯отя спСцифика - ΠΎΠ΄Π½Π° ΠΈ Ρ‚Π° ΠΆΠ΅ для ΠΎΠ±ΠΎΠΈΡ… объявлСний, объявлСниС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° "style" ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ объявлСниС Π² элСмСнтС STYLE Π² соотвСтствии с каскадным ΠΏΡ€Π°Π²ΠΈΠ»ΠΎΠΌ 4.

ПА ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅ΡΡ‚ΡŒ подсказки (hints) ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… источников, Π° Π½Π΅ ΠΈΠ· Ρ‚Π°Π±Π»ΠΈΡ† стилСй, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, элСмСнт FONT ΠΈΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ "align" Π² HTML. Если это Ρ‚Π°ΠΊ, Π½Π΅-CSS подсказки обязаны Π±Ρ‹Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½Ρ‹ Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° CSS со спСцификой=0. ΠŸΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° находятся Π² Π½Π°Ρ‡Π°Π»Π΅ авторской Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ Ρ‚Π°Π±Π»ΠΈΡ† стилСй.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π’ Ρ„Π°Π·Π΅ пСрСноса эта ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ° ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ сосущСствованиС стилистичСских Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² с Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π’ CSS1 Π½Π΅-CSS подсказки ΠΏΠΎΠ»ΡƒΡ‡Π°Π»ΠΈ спСцифику=1, Π° Π½Π΅ 0. Π­Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ сдСлано ΠΈΠ·-Π·Π° ввСдСния ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ сСлСктора, ΠΈΠΌΠ΅ΡŽΡ‰Π΅Π³ΠΎ спСцифику 0.

ЛСкция 7. Π’ΠΈΠΏΡ‹ носитСля

Π”Π°ΡŽΡ‚ΡΡ спСцификации Ρ‚Π°Π±Π»ΠΈΡ† стилСй, зависимых ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° носитСля ΠΈ описания этих Ρ‚ΠΈΠΏΠΎΠ².

Одним ΠΈΠ· Π²Π°ΠΆΠ½Π΅ΠΉΡˆΠΈΡ… свойств Ρ‚Π°Π±Π»ΠΈΡ† стилСй являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡŽΡ‚ прСдставлСниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… носитСлях ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ: Π½Π° экранС, Π±ΡƒΠΌΠ°Π³Π΅, Π² Ρ€Π΅Ρ‡Π΅Π²ΠΎΠΌ синтСзаторС, Π² Π±Ρ€Π°ΠΉΠ»ΡŒ-устройствС ΠΈ Ρ‚.ΠΏ.

НСкоторыС свойства CSS созданы для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… носитСлСй (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, свойство 'cue-before' - для Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π°Π³Π΅Π½Ρ‚ΠΎΠ² (ПА)). Иногда, ΠΎΠ΄Π½Π°ΠΊΠΎ, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… носитСлСй ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ свойство, Π½ΠΎ ΠΏΡ€ΠΈ этом Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ для Π½Π΅Π³ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ. НапримСр, свойство 'font-size' ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈ для экрана, ΠΈ для носитСля ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ. Однако эти Π΄Π²Π° носитСля достаточно Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ для ΠΎΠ±Ρ‰Π΅Π³ΠΎ свойства; Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ для экрана Π±ΠΎΠ»Π΅Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, Ρ‡Π΅ΠΌ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ. ΠžΠΏΡ‹Ρ‚ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ sans-serif Π»ΡƒΡ‡ΡˆΠ΅ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ Π½Π° экранС, Π° ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ с засСчками (serif) Π»ΡƒΡ‡ΡˆΠ΅ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅. Π˜ΡΡ…ΠΎΠ΄Ρ ΠΈΠ· этих сообраТСний, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй - ΠΈΠ»ΠΈ Ρ€Π°Π·Π΄Π΅Π» Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй - примСняСтся ΠΊ Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŽ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°.

Π’ настоящСС врСмя Π΅ΡΡ‚ΡŒ Π΄Π²Π° способа ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° носитСля Π² Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… стилСй: