Სარჩევი:

როგორ იყენებთ პირველ ტიპს?
როგორ იყენებთ პირველ ტიპს?

ვიდეო: როგორ იყენებთ პირველ ტიპს?

ვიდეო: როგორ იყენებთ პირველ ტიპს?
ვიდეო: #1 როგორ დავიწყოთ პროგრამირების სწავლა? 2024, ნოემბერი
Anonim

: პირველი ტიპის .: პირველი ტიპის სელექტორი CSS-ში საშუალებას გაძლევთ დამიზნოთ პირველი ელემენტის გამოჩენა მის კონტეინერში. ის განსაზღვრულია CSS Selectors Level 3 სპეციფიკაციაში, როგორც "სტრუქტურული ფსევდოკლასი", რაც ნიშნავს რომ არის გამოყენებული კონტენტის სტილისტიკა მშობლისა და და-ძმის კონტენტთან ურთიერთობის საფუძველზე.

აქედან, რას ირჩევს სელექტორი P ტიპის პირველი?

: პირველი ტიპის ფსევდოკლასი ირჩევს პირველი ელემენტი მისი ტიპი (div, გვ და სხვ). კლასის გამოყენება სელექტორი (ან ა ტიპის ამომრჩევი ) იმ ფსევდოკლასით ნიშნავს აირჩიეთ ან ელემენტი თუ მას აქვს მოცემული კლასი (ან არის მოცემული ტიპი ) და არის პირველი მისი ტიპი თავის და-ძმებს შორის.

ასევე იცოდეთ, რა განსხვავებაა n-ის ტიპის () და N-ე ბავშვის () სელექტორებს შორის? The nth-of-typ() ფსევდოკლასი, მაგ nth-child() , გამოიყენება რიცხვზე დაფუძნებული ელემენტის შესატყვისად. თუმცა, ეს რიცხვი წარმოადგენს ელემენტის პოზიციას მხოლოდ მისი და-ძმების შიგნით, რომლებიც იმავე ელემენტის ტიპისაა.

ანალოგიურად, როგორ არჩევთ პირველ შვილს CSS-ში?

Თუ გინდა აირჩიეთ და სტილი პირველი აბზაცი კონტეინერის შიგნით, მიუხედავად იმისა, არის თუ არა პირველი შვილი , შეგიძლიათ გამოიყენოთ: პირველი - ტიპის სელექტორი, რომელიც, როგორც სახელიდან ჩანს, იქნება აირჩიეთ პირველი მისი ტიპის ელემენტი, იქნება ეს თუ არა პირველი შვილი მისი მშობლის.

როგორ ავირჩიოთ n-ე ელემენტი CSS-ში?

CSS:nth-child() სელექტორი

  1. მიუთითეთ ფონის ფერი თითოეულისთვის

    ელემენტი, რომელიც მისი მშობლის მეორე შვილია: p:nth-child(2) {

  2. კენტი და ლუწი არის საკვანძო სიტყვები, რომლებიც შეიძლება გამოყენებულ იქნას ბავშვის ელემენტების შესატყვისად, რომელთა ინდექსი არის კენტი ან ლუწი (პირველი ბავშვის ინდექსი არის 1).
  3. ფორმულის გამოყენებით (an + b).

გირჩევთ: