Агуулгын хүснэгт:

Та анхны төрлийг хэрхэн ашигладаг вэ?
Та анхны төрлийг хэрхэн ашигладаг вэ?

Видео: Та анхны төрлийг хэрхэн ашигладаг вэ?

Видео: Та анхны төрлийг хэрхэн ашигладаг вэ?
Видео: Та ямар төрлийн амьсгал эзэмшигч вэ?[Тэмцээн] ROAD TO 500!! 2024, Арваннэгдүгээр
Anonim

: анхны төрөл . нь: анхны төрөл CSS дахь сонгогч нь танд чиглүүлэх боломжийг олгодог эхлээд түүний саванд элемент үүсэх. Энэ нь CSS Selectors Level 3-т "бүтцийн псевдо анги" гэж тодорхойлогддог. ашигласан эцэг эх, ах дүүгийн агуулгатай харилцах харилцаанд тулгуурлан контентыг загварчлах.

Эндээс хамгийн түрүүнд сонгогч P хэсэг юуг сонгох вэ?

нь: анхны төрөл псевдо анги нь сонгоно эхний элемент түүний төрөл (div, х , гэх мэт). Анги ашиглах сонгогч (эсвэл а төрөл сонгогч ) гэсэн псевдо ангиллын утгаараа to сонгох а бүрэлдэхүүн хэрэв энэ нь өгөгдсөн ангитай бол (эсвэл өгөгдсөн ангид). төрөл ) ба нь эхлээд түүний төрөл ах дүүсийнх нь дунд.

Мөн n-р төрлийн () ба N-р хүүхэд () сонгогч хоёрын хооронд ямар ялгаа байдгийг мэдэх үү? The n-р төрлийн() псевдо анги гэх мэт n-р хүүхэд() , тоон дээр тулгуурласан элементийг тааруулахад ашигладаг. Гэхдээ энэ тоо нь зөвхөн ижил төрлийн элементийн ах дүүс доторх элементийн байрлалыг илэрхийлнэ.

Үүний нэгэн адил та CSS-ийн анхны хүүхдийг хэрхэн сонгох вэ?

Хэрвээ чи хүсвэл сонгох болон хэв маяг эхлээд чингэлэг доторх догол мөр, мөн эсэхээс үл хамааран анхны хүүхэд , та дараахыг ашиглаж болно: эхлээд -of-type сонгогч нь нэрнээс нь харж болно эхнийхийг сонгоно уу мөн эсэхээс үл хамааран түүний төрлийн элемент анхны хүүхэд түүний эцэг эхийн.

CSS-ийн n-р элементийг хэрхэн сонгох вэ?

CSS:nth-child() Сонгогч

  1. Тус бүрийн дэвсгэрийн өнгийг зааж өгнө үү

    эцэг эхийнхээ хоёр дахь хүүхэд болох элемент: p:nth-child(2) {

  2. Сондгой ба тэгш гэсэн түлхүүр үгс нь тэгш эсвэл сондгой (эхний хүүхдийн индекс 1) гэсэн бага насны элементүүдтэй тааруулахад ашиглаж болно.
  3. Томьёог ашиглах (an + b).

Зөвлөмж болгож буй: