CSS universal selektori sifatida belgilangan.

Kontaktlar / topshirish

Golovna
2 Ajoyib o'quvchi

Selektor

Universal selektor

CSS kodi quyidagicha ko'rinadi:

Selektor (CSS-quvvat: qiymat; CSS-quvvat: qiymat; ... va boshqalar)

Universal selektorda yulduz belgisi * selektor vazifasini bajaradi:* (CSS-quvvat: qiymat; CSS-quvvat: qiymat; ... va boshqalar)

Universal selektor

, HTML hujjatining barcha teglariga oqadi.

Masalan, HTML hujjatidagi barcha teglardan barcha ichki va tashqi ma'lumotlarni olishingiz mumkin:

* (chekka: 0; toʻldirish: 0; )

Aytaylik, bizda quyidagi kodni o'z ichiga olgan HTML hujjati bor:

Qor qoploni haqida hikoya

Qor qoploni

* (chekka: 0; toʻldirish: 0; )

Aytaylik, bizda quyidagi kodni o'z ichiga olgan HTML hujjati bor:

tartibda kelaylik.

Barcha yashil teglar uchun shrift rangini tanlash uchun universal selektordan foydalanamiz yashil , arial shrift nomi, qiya shrift uchun uslub.

Qor qoploni (irbis, ak leopard) — mushuklar oilasiga mansub ajoyib qor qoploni.

Afgʻoniston, Birma, Butan, Hindiston, Qozogʻiston, Qirgʻiziston, Xitoy, Moʻgʻuliston, Nepal, Pokiston, Rossiya, Tojikiston va Oʻzbekistonning togʻli hududlarida yashaydi.

Qor qoploni ingichka, uzun, ixcham tanasi, juda qisqa oyoqlari, kichik boshi va uzun dumi bor.

Qor qoplonining dumi bilan balandligi 200-230 sm, vazni 55 kg gacha.

  • Sartaroshxona ochiq, xira kulrang, halqaga o'xshash yoki chuqur qora dog'lar.
  • Qor qoploni asosan gruzin echkilari va qoʻchqorlari bilan oziqlanadi, uning ratsioniga yovvoyi choʻchqalar, qirgʻovullar va sigirlar ham kiradi.
  • Atrof-muhitning turlarga kirish imkoni yo'qligi sababli, irbis hali ham past kuchdan mahrum.

Biroq, taxminiy hisob-kitoblarga ko'ra, uning soni taxminan 10 ming kishini tashkil qiladi.

2013 yilda qor qoplonlari lageri hamma joyda panjara bilan o'ralgan edi.

Universal selektorni belgilash uchun yulduz belgisi (*) muzlatiladi.

Ba'zi hollarda universal selektordan foydalanish kerak.

Masalan, *.class va .class yozuvlari natijasi bo'yicha bir xil.Uchrashuv
<тип> Tavsif<размер>
dumbaQiymat turini belgilaydi.<размер> && <цвет>
A & BMa'nolar ko'rsatilgan tartibda ko'rsatilishi mumkin.A |
BTanlanganlardan (A yoki B) faqat bitta qiymatni tanlashingiz kerakligini bildiradi.normal |
kichik qalpoqchalarA ||
* B[,<время>]*
+ Teri qiymatlarini mustaqil ravishda yoki boshqalar bilan birgalikda yaxshi tartibda davolash mumkin.<число>+
? kengligi ||hisoblash
Guruh ma'nosi.[kesish ||<радиус>{1,4}
# xoch]<время>#
×

Uchrashuv

Universal selektorda yulduz belgisi * selektor vazifasini bajaradi:

Nol yoki undan ko'p marta takrorlang.

Bir yoki bir necha marta takrorlang.

Tur ma'nosi, chi guruhi so'zi shart emas. kiritilganmi?(A, B) A ni iloji boricha kamroq va ko'proq takrorlang.

Koma orqali bir yoki bir necha marta takrorlang. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Eslatma

Brauzer

Internet Explorer

  • oltinchi versiyaga qadar * html konstruktsiyasini o'z ichiga oladi, bu mantiqsiz, tegning bo'laklari
  • Boshqa elementlar uchun yuqori va undan yuqori darajani belgilash mumkin emas. Ushbu modifikatsiya IE6 uchun uslub yaratish uchun ishlatiladi, masalan, * html tanasi ( ... ) konstruksiyasi IE6 da tana selektori uchun uslub qo‘shadi va boshqa brauzerlarda ishlamaydi. U
  • Internet-brauzerlar Explorer 7 selektor nomlari oldiga bo'sh joysiz universal selektor qo'shish orqali kontekst selektori sifatida ko'rib chiqiladi. Shunday qilib, *body yozuvi faqat IE7 da ishlaydi va boshqa brauzerlar tomonidan e'tiborga olinmaydi.
  • Spetsifikatsiya
  • Terining spetsifikatsiyasi yallig'lanishning bir necha bosqichlaridan o'tadi. Tavsiya - spetsifikatsiya W3C tomonidan yuqori baholanadi va standart sifatida tavsiya etiladi. Nomzod tavsiyasi (
  • Mumkin bo'lgan tavsiya ) - standartga mos keladigan guruh o'z maqsadlariga javob berishidan qoniqish hosil qiladi, ammo standartni amalga oshirishda ishtirok etadigan mutaxassislardan qo'shimcha yordam talab qiladi. Taklif etilayotgan tavsiya
×

CSS hujjatining ko'rinishi va hissiyotini tavsiflash tili doimo rivojlanib bormoqda.

Yil davomida nafaqat kuch va funksionallik, balki moslashuvchanlik va qulaylik ham oshadi. Keling, biroz tushunib olaylik. Har qanday CSS vositasini oching, kamida bitta bo'lim selektor turlariga bag'ishlangan bo'ladi. Unda hech qanday ajoyib narsa yo'q, lekin hidlardan biri qo'lda yo'llar

  • yon sahifaning mazmuni.
  • Ushbu yordam yordamida siz mutlaqo har qanday odam bilan muloqot qilishingiz mumkin
  • HTML elementlari
  • .
  • Nina 7 turdagi selektorga ega:
  • teglar uchun;
  • sinflar uchun;

ID uchun;

universal;

atributlar;

psevdo-sinflar bilan o'zaro ta'sir qilish uchun;

pseudoelements bilan keruvannya uchun.

Sintaksis oddiy.

Vikorlardan qanday foydalanishni o'rganish uchun ular haqida o'qish kifoya.

Videongiz mazmunini boshqarish uchun qaysi variantni tanlash yaxshidir?

Keling, yana birga bo'lishga harakat qilaylik.

Teg selektorlari

Bu ro'yxatga olish uchun maxsus bilimlarni talab qilmaydigan juda oddiy variant. Teglardan foydalanish uchun siz uning ismini vikorize qilishingiz kerak. Saytingizning "sarlavhasi" tegda yoritilgan bo'lishi mumkin.

Ushbu CSS-dan foydalanish uchun siz header() selektoridan foydalanishingiz kerak.

Etarli emas - ko'p elementlar bir xil sinfga ega bo'lishi mumkin, shuning uchun hidni bir kechada tahrirlash mumkin.

Muammo turli metodologiyada, shuningdek, preprotsessorlarning degradatsiyasidadir.

Mutlaqo kamroq, sass yoki boshqa preprotsessorni o'zlashtiring, bu robot uchun vaqtni behuda sarflash bo'ladi.Tanlovchi 3 IDUshbu variantga kelsak, maket dizaynerlari va dasturchilarning fikrlari noaniq.Deyaki podruchnikiCSS# vzagali vikorystuvati tavsiya qilmangID,

Agar hid to'g'ri saqlanmasa, parchalar parchalanish bilan bog'liq muammolarni keltirib chiqarishi mumkin.Biroq, ularni barcha darajalarda faol ravishda tarqatadigan ko'plab soxtakorlar mavjud.Virishuvati sizga.Sintaksis quyidagicha: ̧rat belgisi (""), Keyin men blokni nomlayman.Masalan,Tanlovchi 3 ID#Qizil.IDbir qator parametrlarga asoslangan sinfga qarab o'zgaradi.

Birinchidan, yon tomonda ulardan ikkitasi bo'lishi mumkin emas

ID.Agar hid to'g'ri saqlanmasa, parchalar parchalanish bilan bog'liq muammolarni keltirib chiqarishi mumkin.іUlarga noyob nomlar berilgan.

Bu ro'yxatga olish uchun maxsus bilimlarni talab qilmaydigan juda oddiy variant. Boshqacha qilib aytganda, bunday selektor yuqoriroq ustuvorlikka ega.Agar hid to'g'ri saqlanmasa, parchalar parchalanish bilan bog'liq muammolarni keltirib chiqarishi mumkin.Bu shuni anglatadiki, agar siz blokga sinf bersangiz

Universal selektorda yulduz belgisi * selektor vazifasini bajaradi:

qizil{}.

va jadvallarda ko'rsatingqizil va keyin sizga beringid ko'kVa har bir ko'k rang, blok ko'k rangga aylanadi.

Ijobiy suyaklar - teglar va sinflar uchun uslubni yo'qotmasdan, ma'lum bir element bilan qatlamlanishi mumkin. Kichkina bolalar - katta murakkablikda adashib qolish oson sinf.

Agar siz BEM metodologiyasi (yoki uning analoglari) bilan qiziqsangiz,

sen, zagalom, bunga muhtoj emassan.

Ushbu matn terish texnikasi noyob sinflarni rivojlantirish uchun muhim ahamiyatga ega, bu esa ancha qulayroqdir.

Sintaksis: yulduzcha ("*") va kavisli qo'llar, keyin *

Vikorist barcha sahifa elementlariga qo'shiq atributlarini belgilash uchun ishlatiladi.

Asbob moslashuvchan va siz uni atributlarni ochib beradigan har qanday teglar bilan ishlatishingiz mumkin.

Bu hammasi emas!

CSS spetsifikatsiyasi yordamida siz elementlarni katta aniqlik bilan boshqarishingiz mumkin!

Ko'rinib turibdiki, sizning sahifangizda to'ldiruvchisi = "Ismni kiriting" va kirish joyi = "Parolni kiriting" atributi mavjud.

Siz selektor orqasida ham tebranishingiz mumkin!

Quyidagi qurilish kimlar uchun ishlatiladi:

input() yoki kiritish

{}.

Atributlarga ega bo'lishi mumkin bo'lgan kichik robot.

Aytaylik, sizda o'xshash nom atributlariga ega bo'lgan bir nechta teglar mavjud (masalan, "Kaspiy" va "Kaspiy"). Huquqbuzarlikni tanlash uchun quyidagi selektorlardan foydalaning: CSS "Kaspiy", keyin "Kaspiy" va "Kaspiy" belgilariga ega bo'lgan barcha elementlarni tanlaydi.

Shuningdek, atributlari quyidagi belgilar bilan boshlanadigan teglarni tanlashingiz mumkin:

yoki ular bilan tugating:

Afzalliklari: maksimal moslashuvchanlik.

Siz sahifaning istalgan asosiy elementlarini sinflar bilan chalkashtirmasdan tanlashingiz mumkin.

Kamchiliklar - vikorista juda kamdan-kam hollarda, faqat muayyan holatlarda paydo bo'ladi.

Metodologiyaga ustunlik beradigan ko'plab dizayn dizaynerlari mavjud, chunki sinfni ko'rsatish osonroq va raqamli belgilarni "teng" joylashtirish osonroq.

Bundan tashqari, bu selektorlar Internetda ishlamaydi.

Explorer versiyalari

7 pastroq.

"Pseudo-elementlar" - bu HTML-da topilmaydigan sahifa qismlari, lekin ularni hali ham ularga qo'shish mumkin.

Hech narsa tushunmadingizmi?

Ma'lum bo'lishicha, hamma narsa oddiyroq.

Masalan, siz boshqa matnni kichik va qora ranglardan mahrum qilib, katta va qora qatordagi birinchi harfni yaratmoqchisiz.

Albatta, bu maktubni qo'shiq darsi bilan oraliqda qo'yishingiz mumkin, lekin bu juda uzoq va zerikarli.

Paragrafni ko'rish va psevdoelement::birinchi harfni tanlash ancha oson.

Bu birinchi harfning yangi ko'rinishiga erishish imkoniyatini beradi.

* { Ko'p psevdoelementlarni olish kerak.

Siz ularni bitta maqoladan boshqasiga o'zgartira olmasligingiz dargumon.

Universal selektorda yulduz belgisi * selektor vazifasini bajaradi:

Qo'shimcha ma'lumotni sevimli ovoz tizimingizda topishingiz mumkin.

Ijobiy afzalliklar - sahifaning tashqi ko'rinishini nozik sozlash imkoniyatini bering.

Qisqa muddatli yangi kelganlar ko'pincha ularda yo'qoladi.

Ushbu turdagi ko'plab selektorlar zamonaviy brauzerlarda kamdan-kam qo'llaniladi.

Qo'shimcha ma'lumotni sevimli ovoz tizimingizda topishingiz mumkin.

Ijobiy afzalliklar - sahifaning tashqi ko'rinishini nozik sozlash imkoniyatini bering.

Qisqa muddatli yangi kelganlar ko'pincha ularda yo'qoladi.

Keling, sumkani olib kelaylik Selektor hujjat oqimini boshqarishning kuchli usulidir. Siz har doim tomonning mutlaqo teri komponentini tanlashingiz mumkin (garchi aqliy bo'lmasa ham). Barcha aniq variantlarni ko'rib chiqish yoki ularni yozish muhimdir.

Bu, ayniqsa, zamonaviy dizayn va ko'p sonli interfaol elementlarga ega katlanuvchi sahifalarni yaratishda juda muhimdir. CSS universal selektori, ehtimol, eng oddiy to'plamdir, ya'ni uslublar mutlaqo barcha elementlarga aybsiz qo'llaniladi.", keyin uslublar jadvalining boshida ular barcha mumkin bo'lgan null bo'lmagan CSS qiymatlarini tiklaydilar va keyin jarayonda elementlarga uslublar qo'shadilar, shuningdek, albatta, ularning qiymatlari bilan.

Shunday qilib, HTML sahifa barcha brauzerlarda bir xil ko'rinishini ta'minlay olamiz.

Ko'pincha uslublarni olib tashlash uchun universal selektordan foydalaniladi, bu sizga teg tanlovchilarini bekor qilishni osonlashtirishni xohlaydi, boshqalari esa o'z hurmatiga tayanib chegirmalardan foydalanmaydi.

Siz qanday ishlaysiz, bu faqat siz uchun, lekin har holda, bu haqda o'ylash uchun hali erta.

  1. Va ishonch hosil qilingki, vaqt o'tishi bilan siz o'zingizning yozish uslubingizni tabiiy ravishda rivojlantirasiz (tavtologiyaga e'tibor bering), shuning uchun u bilan aldanmang.
  2. Uy vazifasi.
  3. Men universal selektor bilan uy vazifasini qanday qilishni bilmayman, chunki bu erda hamma narsa juda aniq, shuning uchun biroz ko'proq qilaylik.

Qor qoploni ingichka, uzun, ixcham tanasi, juda qisqa oyoqlari, kichik boshi va uzun dumi bor.

Teg uslublarini paragrafga o'xshab o'zgartiring.

* O'zingiz uchun o'ylashingiz kerak bo'lgan kuch qancha.

Koma orqali bir yoki bir necha marta takrorlang. Paragraf tegini avvalgi tirnoqlarning tegiga o'xshash bo'lishi uchun o'zgartiring. Tegni inline elementdan blok elementiga aylantiring.

Koma orqali bir yoki bir necha marta takrorlang. Kimning kuchi uchun vikorist Universal selektorni belgilash uchun yulduz belgisi (*) muzlatiladi va sintaksisga prefiks qo'yiladi.(Uslub qoidalarining tavsifi)

Ba'zi hollarda universal selektordan foydalanish shart emas.

Universal selektorda yulduz belgisi * selektor vazifasini bajaradi: