WEBVTT

00:00:00.342 --> 00:00:03.899
დავბრუნდით ჩვენ და ჩვენი გვერდი დონატებსა 
&მათთან დაკავშირებული საფრთხეების შესახებ.

00:00:03.899 --> 00:00:08.150
ძალიან მომწონს ჩვენი გაფრთხილების სტილი
რომელიც  და  თეგებს დავურთეთ.

00:00:08.150 --> 00:00:12.673
მაგრამ მე მინდა, რომ ეს გაფრთხილება 
კიდევ უფრო მეტად გამოიკვეთოს

00:00:12.673 --> 00:00:16.889
fact კლასის წესის გამო მას ახლა აქვს ეს
ნაცრისფერი ზღვარი.

00:00:16.889 --> 00:00:20.922
მაგრამ მე ვფიქრობ, რომ დიდი, სქელი 
ნარინჯისფერი ზღვარი უფრო კარგი იქნება.

00:00:20.922 --> 00:00:25.802
ვცადოთ დავუმატოთ ეს თვისება
წესს warning

00:00:25.802 --> 00:00:29.581
border: 5px, solid, orange
(ზღვარი: 5 პიქსელი, სქელი, ნარინჯისფერი)

00:00:29.675 --> 00:00:34.198
აჰ, ნახეთ რა კარგია. მაგრამ ახლა იგივე 
თვისება მიეწერა თეგს 

00:00:34.219 --> 00:00:37.319
რაც დიდად არ მომწონს.

00:00:37.319 --> 00:00:39.982
მინდა,
რომ ეს მხოლოდ ამ პარაგრაფს ეხებოდეს,

00:00:39.982 --> 00:00:43.744
და არა ტექსტს სხვა პარაგრაფში.

00:00:43.744 --> 00:00:46.511
როგორ შეიძლება გავაკეთო უფრო 
ზუსტი, სპეციფიკური CSS წესი?

00:00:46.511 --> 00:00:50.532
შეიძლება გავაკეთო ახალი კლასი 
"warning-paragraph"

00:00:50.532 --> 00:00:55.152
და მივაწერო ფორმატირება მას. 
მაგრამ ეს არ არის აუცილებელი.

00:00:55.152 --> 00:01:01.220
ამის მაგივრად, შეგვიძლია ვუთხრათ ბრაუზერს,
რომ თვისებები მიაწეროს არა მთლიანად

00:01:01.220 --> 00:01:04.576
გაფრთხილების კლასს, არამედ მხოლოდ
იმ პარაგრაფის ელემენტებს.

00:01:04.576 --> 00:01:09.121
ამ წესის შესაქმნელად, პირველ რიგში 
ვსაზღვრავთ ელემენტს – p

00:01:09.121 --> 00:01:14.170
შემდეგ ვსვამთ წერტილს და ვწერთ კლასის 
სახელს warning

00:01:14.170 --> 00:01:18.673
ასე ბრაუზერი მიხვდება, რომ უნდა იპოვოს 
ყველა  თეგი კლასში

00:01:18.673 --> 00:01:21.385
და შეცვალოს ისინი წესის მიხედვით.

00:01:21.385 --> 00:01:26.453
ჩავსვათ ზღვრის თვისებები აქ..

00:01:26.453 --> 00:01:34.321
და, აი, გამოვიდა! ახლა ზღვარი მხოლოდ 
ფატზეა, და არა  თეგზე

00:01:34.321 --> 00:01:37.595
ამის გაკეთება ელემენტების და კლასების
ნებისმიერ კომბინაციაზეა შესაძლებელი,

00:01:37.595 --> 00:01:42.603
როცა გვინდა კლასში 
რომელიმე კონკრეტული თეგების ფორმატირება.

00:01:42.603 --> 00:01:45.233
დაიმახსოვრეთ თანმიმდევრობა:

00:01:45.233 --> 00:01:50.707
თეგის სახელი წერტილი კლასის სახელი

00:01:50.707 --> 00:01:56.453
თუ სახელსა და წერტილს შორის ჰარეს ჩასვამთ,
არაფერი არ გამოვა

00:01:56.453 --> 00:01:59.940
იმიტომ რომ ჰარე CSS-ში სხვა რამეს ნიშნავს

00:01:59.940 --> 00:02:02.795
და ბრაუზერი მას სხვანაირად აღიქვამს.

00:02:02.795 --> 00:02:06.884
ჰარეს თვისებებს შემდეგ ვიდეოში აგიხსნით.