CSS, soxta, soxta: so'zlashdan, bola, maqsadli

HTML va CSS birlashtirib, siz mutlaqo veb-sahifalar barcha elementlarini tekshirish mumkin. uslublar bilan osongina hech qanday bir blok, yoki chiziq ko'rinishini o'zgartirish mumkin. Ko'pincha yanada murakkab vazifani amalga oshirish uchun kerak Coder - alohida qismi yoki alohida davlat sifatida, o'zi emas element ko'rinishini o'zgartirish uchun. Bu holda, soxta CSS yordamga.

formatlash muntazam sinflar bir xil tamoyiliga psevdo-faoliyat, lekin jismonan ular bu yerda yo'q. Ular odatdagidek tanlovchisiga tanlang bo'lmaydi hujjat axborot, shu jumladan, balki elementlar asosida tanlanishi mumkin. Bu erda oddiy misol: Agar qizil tugmani bor, va siz u ko'k bo'ldi tomosha qachon siz istayman. Nazariy jihatdan, u JavaScript amalga oshirish mumkin, lekin nima uchun u qadar qiyin? Juda ham qulay bir foydalanish : CSS tomosha. Uning yordamida siz har qanday Faqat birlik bo'lsa sichqonchani maqsadida xabarini beradir parametrlarini berishi mumkin.

CSS psevdo-sinflar ro'yxati muntazam ravishda yangilanadi. Balki, siz bu ma'lumotni bir necha yangiliklar paydo o'qib esa. CSS3 spetsifikatsiyasi paydo kishilarga ko'rib, boshlash uchun.

: N'inci-turdagi

Agar ya'ni galma ranglar, foydalanmoqchi bo'lgan qaysi bir ro'yxat bor deylik, birinchi chiziq, qizil harflar bilan yozilgan, masalan, va ikkinchi - ko'k yana, yana uchinchi qizil to'rtinchi .. Blue. Avvalroq, yangi sinflar yaratish kerak edi. o'tmish Layout bir sinf ro'yxatida har bir element qo'shiladi, so'ngra uslublar, ularning qiyofasini o'zgartirdi. Bu juda qulay va tartibi ifloslantiruvchi emas edi.

Endi hamma narsa oson emas. CSS psevdo-sinfini foydalaning: biror-of-turi. Bu formatlash hech narsa o'zgarib turib, kerakli Visual ta'sir olish imkonini beradi. qoida oddiy: Agar tanlovchisiga kiriting va qavs ichida nomi keyin formula yoki zarur elementlarni topadi kalit so'zni yozish. g'alati - biror-of-turi (toq): Misol uchun, barcha, hatto elementlar (hatto) ning-turi-nth, va ,:. formulalar katta soni aniq nazorat qilish uchun ishlatiladigan bor. qavslardan mumkin sonini ko'rsatadi - bu voqea jihozlardan kimning indeks, bu raqamga teng bo'lakka tatbiq qilinadi.

: N'inci-bola

harakat tamoyili bo'yicha bu CSS psevdo-sinf oldingi biriga o'xshash, lekin farqli o'laroq u tanlangan ob'ektni bola bilan faqat ishlaydi.

ota
• chunki, biror-bola: siz ro'yxatda
• teglar tashqi ko'rinishini sozlash uchun foydalanishingiz bo'lsangiz Masalan, siz ul dizayn foydalanish kerak bo'ladi.

  formula aniq nazorat qilish uchun foydalanish mumkin. Ular bir Ajam uchun juda qiyin, lekin hamma narsa oson bo'ladi, qanday qilib ichiga sintaksisi bir oz chuqurroq arziydi. quyidagicha formulalar: a bir + b, - ofset - bir omil va b. n dalolat Qavslar ichida Misol uchun, agar, (bu bir shaklida qo'shimcha shartlar belgilangan emas, chunki b) barcha bolalar elementlarini psevdo-tanlaydi. (Ofset ikki teng, chunki) siz N + 2, birinchi tashqari barcha elementlar tanlasangiz, tanlangan bo'ladi. Eng muhimi, bu safar amaliyotda o'rganish. Bola komponentlar va turli formulalar bilan tajriba.

  : Oxirgi-bola

  Hamma narsa oddiy. CSS bola psevdo-sinflar muayyan ob'ektni tanlash uchun ishlatiladi. Bu ota-ona komponent oxirgi bolani tanlaydi. Keyingi liniyada uning uzatishni oldini olish uchun stol oxirgi qatorni tanlang yoki so'nggi bloklari çentiğini olib tashlash uchun, masalan, juda tez-tez ishlatiladi.

  : N'inci-o'tgan-bola

  yuqoriga harakat qiladi elementlari yordamida, ya'ni. E. ishga tamoyiliga ilgari ko'rsatilgan biror bolaga o'xshaydi, lekin qarama-qarshi yo'nalishda harakat. Agar oxirgi bir necha ma'lumotlar topish kerak bo'lsa, bu foydali bo'ladi.

  Siz narsalar an'anaviy sinflar tomonidan yaxshi amalga mumkin, chunki bu psevdo-sinflar va psevdo-elementlar, foydasiz CSS deb o'ylash mumkin. Bu unday emas. : Nth-bola ,: nth- o'tgan-bola - masalan, blok bolalar katta raqami bor hollarda yirik loyihalar ustida ish qachon va uning analoglari juda qulay. Qo'l darslari uzoq va qattiq tashkil.

  Psevdo-davlat nazorati

  Agar alohida davlat bir element ko'rinishini o'zgartirish uchun nima kerak bo'lsa? Bu voqea CSS psevdo-bosib, ishora va boshqa hujjatlar beradi. AQSh batafsil ularni ko'rib chiqamiz.

  : bog'laning

  Bu soxta CSS Manbalar, emas, balki butun, lekin faqat hali tashrif buyurdi yo'q. Unda siz elementlar , foydalanuvchi hali o'tib bo'lmagan, buning uchun uchun jihozlardan tanlashingiz mumkin.

  : tashrif buyurdi

  faqat allaqachon tashrif buyurib yo'nalishlarga nazorat oldingi tartibga solish, bir analog. Agar kerak deb bu ikki psevdo-sinflar birlashtirib, siz aniq teglar ko'rinishini sozlashingiz mumkin. davlatlar muayyan brauzerlari uchun mo'ljallangan va davolash tarixi keyin to'lanadi, deb, ammo, Eslatma.

  psevdo-sinf: maqsadli CSS

  qaysidir ma'noda ishlatiladi bo'lsa, eng qiziqarli psevdo-sinflar, biri JavaScript foydalanishni o'rniga o'tadi. Bu identifikator sahifaning qatorga manzili kiritilgan, deb nazorat qilish imkonini beradi. Ha, bu qiyin birinchi marta tushunish. misol ajralish uchun harakat qilib ko'ring.

  id1, ID2 ta, id3: Keling, ayrim ID Sahifa 3 bloklari div bor deylik. # Id1, # ID2 ta, Biz ham href tegishli qiymatlarni qabul uch yo'nalishlarga ega # id3. Agar sahifa o'zi bo'ladi tegishli ID link keyin sahifaning qatorga manzili birinchi ulanishni bossangiz.

  Mulk ko'rsatish belgilangan barcha bloklari div CSS: hech kim, ular sukut ko'rsatiladi emas bo'ladi. Biz maqsadli foydalanish: div va uni mulk ekran bering: blok. Agar ma'lum bir href bilan ulanish tugmasini bosing qachon endi, tegishli ID bloklari namoyish tayinlangan qilinadi: blokda, va shuning uchun ular sahifada paydo boshlaydi! Agar = http href uchun bosganimda: // sayt / Maqola / 319683 /% E2% 80% 9D # id1% E2% 9D hokazo id1 bilan blokirovka, va 80% ..

  Shunday bo'lsa-da, hech narsa anglamaydilar? Tajriba uchun harakat qilib ko'ring. Yuqorida tasvirlangan bir sahifa tartibi va jihozlardan yaratish. Bir necha daqiqadan keyin siz bir katta raqam, har bir narsani olib bor.

  har qanday element uchun qo'llanilishi mumkin psevdo

  ish uchun zarur yuqorida tasvirlangan psevdo-ulanishlar eng. Biroq, barcha elementlar kerak. Har xil ilovalar butunlay sahifaning har qanday qismiga qo'llanilishi mumkin.

  • : Faol foydalanuvchi, sichqonchaning chap tugmasini tıkladığında qaysi uslub elementlari uchun ishlatiladi;
  • : So'zlashdan - uchun elementlar uchun CSS foydalanuvchi ustida gezdirildiğinde;
  • : Lucifer - markazida hozir sahifaning o'sha buyumlar uchun. Bu psevdo-sinf ko'pincha shakllari bilan ishlash uchun ishlatiladi. Misol uchun, siz mehmon ustidan kursor sozlash va terish belgi boshlaganida, foydalanuvchi nomi xohishi, tanlash bo'lsangiz.

  Esingizda: dolzarb vaqtida faol faqat amal. sichqonchaning chap tugmasi natija yo'qoladi uslublari yordamida o'rnatiladi va u sukut ko'rsatilgan sifatida element paydo bo'ladi, darhol keyin. Ko'p hollarda, bu psevdo-sinf tugmalar bilan ishlash uchun ishlatiladi. Siz davlatlarning bir qator ularni o'rnatishingiz mumkin. , Yashil tugmasini bosib - - Misol uchun, standart tugmasini ko'k, so'zlashdan bo'lgan qizil va hokazo ...

  Albatta, faqat soxta darslari zamonaviy brauzerlar tomonidan qo'llab-quvvatlanadi. Misol uchun, IE6 va 7 faqat IE6 yozuvlar ish uchun markazida va so'zlashdan va faol foydalanish imkoniyatiga ega bo'ladi. Umid qilamanki, sizga bu brauzerlar bilan ishlash shart emas, lekin siz hali paydo kerak bo'lsa, shartli izoh foydalaning.

  Qo'shimcha psevdo

  ro'yxati, yuqorida sanab imkoniyatlari bor to'xtata olmaydi. (: Tekshiriladi) faqat belgilangan katagiga va radio o'tadi, (: yoqilgan) yoki faqat kesib (nogiron) Faqat kiritilgan elementlar zamonaviy CSS tufayli tiklanishi mumkin. Qisqacha Agar ko'proq puxta nazorat mazmunini ko'rinishi uchun foydalanishingiz mumkin bir necha variantlarni tasvirlab.

  • : Faqat-bola - faqat bola element hisoblanadi element uslubi amalga oshirish uchun imkon o'chiriladi;
  • : Lang - til lang alomatidan foydalanib bergan elementlar bilan ishlash;
  • : Root - ildiz-ni tanlash uchun ishlatiladi. Shunga ko'ra, bunday HTML teg ;
  • : Yo'q - juda kuchli vosita. Bu siz tanlovchilar ayrim uslublari foydalanishni cheklab qo'yish uchun imkon beradi. .Havo-rang: yo'q (span Mana, bir misol ). Ular bo'lmasangiz A selektor, sinf ko'k-rang bilan barcha elementlar uchun bir uslubi amal qilish.

  psevdo-sinflar to'liq ro'yxati bir sahifada cho'zib mumkin emas. Eng veb-dizaynerlar JavaScript bilan holatini boshqarish uchun afzal, amaliyotda ulardan faqat ba'zi foydalaning. Ha, bu qulay, lekin tegishli so'zda yordamida yanada samarali natijalar oson erishiladi ba'zi lahzalar mavjud.