< Return to Video

CSS კლასებისა და ელემენტების სელექტორების გაერთიანება

  • 0:00 - 0:04
    დავბრუნდით ჩვენ და ჩვენი გვერდი დონატებსა
    &მათთან დაკავშირებული საფრთხეების შესახებ.
  • 0:04 - 0:08
    ძალიან მომწონს ჩვენი გაფრთხილების სტილი
    რომელიც და თეგებს დავურთეთ.
  • 0:08 - 0:13
    მაგრამ მე მინდა, რომ ეს გაფრთხილება
    კიდევ უფრო მეტად გამოიკვეთოს
  • 0:13 - 0:17
    fact კლასის წესის გამო მას ახლა აქვს ეს
    ნაცრისფერი ზღვარი.
  • 0:17 - 0:21
    მაგრამ მე ვფიქრობ, რომ დიდი, სქელი
    ნარინჯისფერი ზღვარი უფრო კარგი იქნება.
  • 0:21 - 0:26
    ვცადოთ დავუმატოთ ეს თვისება
    წესს warning
  • 0:26 - 0:30
    border: 5px, solid, orange
    (ზღვარი: 5 პიქსელი, სქელი, ნარინჯისფერი)
  • 0:30 - 0:34
    აჰ, ნახეთ რა კარგია. მაგრამ ახლა იგივე
    თვისება მიეწერა თეგს
  • 0:34 - 0:37
    რაც დიდად არ მომწონს.
  • 0:37 - 0:40
    მინდა,
    რომ ეს მხოლოდ ამ პარაგრაფს ეხებოდეს,
  • 0:40 - 0:44
    და არა ტექსტს სხვა პარაგრაფში.
  • 0:44 - 0:47
    როგორ შეიძლება გავაკეთო უფრო
    ზუსტი, სპეციფიკური CSS წესი?
  • 0:47 - 0:51
    შეიძლება გავაკეთო ახალი კლასი
    "warning-paragraph"
  • 0:51 - 0:55
    და მივაწერო ფორმატირება მას.
    მაგრამ ეს არ არის აუცილებელი.
  • 0:55 - 1:01
    ამის მაგივრად, შეგვიძლია ვუთხრათ ბრაუზერს,
    რომ თვისებები მიაწეროს არა მთლიანად
  • 1:01 - 1:05
    გაფრთხილების კლასს, არამედ მხოლოდ
    იმ პარაგრაფის ელემენტებს.
  • 1:05 - 1:09
    ამ წესის შესაქმნელად, პირველ რიგში
    ვსაზღვრავთ ელემენტს – p
  • 1:09 - 1:14
    შემდეგ ვსვამთ წერტილს და ვწერთ კლასის
    სახელს warning
  • 1:14 - 1:19
    ასე ბრაუზერი მიხვდება, რომ უნდა იპოვოს
    ყველა თეგი კლასში
  • 1:19 - 1:21
    და შეცვალოს ისინი წესის მიხედვით.
  • 1:21 - 1:26
    ჩავსვათ ზღვრის თვისებები აქ..
  • 1:26 - 1:34
    და, აი, გამოვიდა! ახლა ზღვარი მხოლოდ
    ფატზეა, და არა თეგზე
  • 1:34 - 1:38
    ამის გაკეთება ელემენტების და კლასების
    ნებისმიერ კომბინაციაზეა შესაძლებელი,
  • 1:38 - 1:43
    როცა გვინდა კლასში
    რომელიმე კონკრეტული თეგების ფორმატირება.
  • 1:43 - 1:45
    დაიმახსოვრეთ თანმიმდევრობა:
  • 1:45 - 1:51
    თეგის სახელი წერტილი კლასის სახელი
  • 1:51 - 1:56
    თუ სახელსა და წერტილს შორის ჰარეს ჩასვამთ,
    არაფერი არ გამოვა
  • 1:56 - 2:00
    იმიტომ რომ ჰარე CSS-ში სხვა რამეს ნიშნავს
  • 2:00 - 2:03
    და ბრაუზერი მას სხვანაირად აღიქვამს.
  • 2:03 - 2:07
    ჰარეს თვისებებს შემდეგ ვიდეოში აგიხსნით.
Title:
CSS კლასებისა და ელემენტების სელექტორების გაერთიანება
Description:

more » « less
Video Language:
English
Duration:
02:08

Georgian subtitles

Revisions