Web dasturlash fanidan mustaqil ishi

p {rang: # 0000ff; }
p.alert {rangi: # ff0000; }

Bu uslublar barcha xatboshlar rangini ko'k (# 0000ff) ga o'rnatadi, lekin "alert" ning sinf atributiga ega bo'lgan har qanday xat qizil (#ff0000) shaklida amalga oshiriladi. Buning sababi, sinf xususiyati faqat bitta tag tanlash vositasidan foydalanadigan birinchi CSS qoidasiga qaraganda yuqori o'ziga xoslikga ega.

CSS bilan ishlashda, aniqroq qoida kamroq aniqlangan ma'lumotlarni bekor qiladi. Shunday qilib, bu misolda, umumiy qoidalar barcha xatboshilardagi rangni belgilaydi, ammo faqat ba'zi xatlarni belgilashni bekor qiladigan ikkinchi, o'ziga xos qoida.

Buni qanday qilib ba'zi HTML formatlashda ishlatish mumkin:

Ushbu paragraf ko'k ko'rsatiladi, bu sahifa uchun standart hisoblanadi.


Bu xat ham ko'k rangda bo'ladi.


Va bu paragraf qizil ko'rinadi, chunki sinf xususiyati elementni tanlash uslubidan standart ko'k rangni o'zgartiradi.

Ushbu misolda "p.alert" uslubi faqat "alert" sinfidan foydalanadigan xat elementlariga qo'llaniladi. Agar siz ushbu klassni bir nechta HTML elementlardan foydalanishni xohlasangiz, HTML elementni faqat (Faqat vaqtni (.) ni joyidan ajratib qo'ying), shunga o'xshash:

.alert {fon-rang: # ff0000;}

Bu sinf endi kerakli elementga ega. "Alert" ning sinfning atribut qiymati bo'lgan HTML-dagi biron bir parcha endi bu uslubni oladi. Quyidagi HTML-da biz "ogohlantirish" sinfidan foydalanadigan ikkala xat va 2-darajali sarlavhaga egamiz. Ularning ikkalasi ham biz ko'rsatgan CSS-ga asoslangan qizil rangga ega bo'ladi.

Ushbu xat qizil rangda yozilgan.