0:00:00.095,0:00:02.336
ამ ვებგვერდზე ჩვენ ვიყენებთ CSS-ს,

0:00:02.336,0:00:04.600
რომ შევცვალოთ -ი და აბზაცები ისე, რომ

0:00:04.600,0:00:09.540
ყოველი  იყოს მწვანე[br]და ყოველი აბზაცი იისფერი.

0:00:09.540,0:00:13.460
მაგრამ, ვთქვათ გვინდა მივუთითოთ[br]ფერი მხოლოდ პირველი -სთვის

0:00:13.460,0:00:16.882
ან მხოლოდ მეორე აბზაცისთვის?

0:00:16.882,0:00:20.557
ჩვენ უნდა მოვიფიქროთ თუ როგორ მივუთითოთ[br]ბრაუზერს ზუსტად ის ელემენტები,

0:00:20.557,0:00:25.343
რომელთა თვისებების შეცვლაც გვინდა.

0:00:25.343,0:00:28.315
ამის ერთ-ერთი ხერხი არის ID-ს მითითება.

0:00:28.315,0:00:32.165
ჩვენ შეგვიძლია დავთაგოთ ჩვენს გვერდზე[br]უნიკალური ID, შემდეგ კი მივუთითოთ CSS-ს

0:00:32.176,0:00:38.447
რომ გვინდა მხოლოდ ამ ელემენტის[br]შეცვლა და არა ყველა მათგანის.

0:00:38.455,0:00:41.281
ამის გასაკეთებლად პირველი ნაბიჯია[br]HTML-ის შეცვლა ისე, რომ

0:00:41.281,0:00:45.631
დავამატოთ ID ატრიბუტები იმ თეგებს,[br]რომელთა შეცვლაც გვინდა.

0:00:45.631,0:00:47.841
მოდი, დავიწყოთ მეორე აბზაცით.

0:00:47.841,0:00:53.316
ID-ს თვისების დასამატებლად, მიგვაქვს[br]კურსორი  თეგის დასაწყისში

0:00:53.316,0:00:57.225
p-ს გვერდზე, შემდეგ ვტოვებთ[br]ადგილს და ვწერთ:

0:00:57.225,0:00:59.017
id = "

0:00:59.017,0:01:02.847
ახლა ჩვენ უნდა შევავსოთ ID თვისება[br]მნიშნველობით.

0:01:02.847,0:01:04.180
რომელი ID უნდა მივცე?

0:01:04.180,0:01:06.542
ID უნდა იყოს აზრიანი და უნიკალური.

0:01:06.542,0:01:09.479
ამ გვერდზე არაფერს არ უნდა ჰქონდეს[br]იგივე ID.

0:01:09.479,0:01:15.430
რადგან ეს რეალურად სიმღერაა კურდღლების[br]შესახებ, დავარქვათ rabbits-song.

0:01:15.430,0:01:19.837
ჩვენ შეგვიძლია ადგილები გამოვტოვოთ[br]ID-ში და რამდენიმე სიტყვა ჩავწეროთ.

0:01:19.837,0:01:22.667
ასევე შეგვიძლია დეფისების ან[br]ქვედა ტირეს გამოყენება.

0:01:22.667,0:01:25.657
მე პირადად მომწონს დეფისები.

0:01:25.657,0:01:29.081
ახლა შეგვიძლია მოვახდინოთ ამ აბზაცის[br]უნიკალური იდენტიფიცირება.

0:01:29.081,0:01:31.766
შესაბამისად შეგვიძლია CSS-ს[br]ზუსტად მივუთითოთ იგი.

0:01:31.766,0:01:35.619
ახლა დავუბრუნდეთ ჩვენს  თეგს[br]მეორე ნაბიჯისთვის.

0:01:35.619,0:01:39.448
დავამატოთ ახალი ხაზი,[br]ბოლო წესის შემდეგ.

0:01:39.478,0:01:43.255
დაიმახსოვრეთ, პირველი ნაწილი[br]CSS-ის წესის არის მიმთითებელი:

0:01:43.255,0:01:46.160
ნაწილი, რომელიც ეუბნება ბრაუზერს[br]თუ რას ვუთითებთ.

0:01:46.160,0:01:51.130
ჩვენს წინა წესებში, ჩვენ გამოვიყენეთ[br]მიმთითებლები  და ,

0:01:51.130,0:01:54.561
რომ მიგვეთითებინა ყველ  და [br]გვერდზე.

0:01:54.561,0:01:58.693
ახლა შევქმნათ მიმთითებელი, რომელიც მხოლოდ[br]კონკრეტული ID-ს ელემენტებს მიმართავს.

0:01:58.693,0:02:05.172
მიმთითებელი იწყება დიეზით, ეს ეუბნება[br]ბრაუზერს, რომ მის შემდეგ ID დაიწერება.

0:02:05.172,0:02:09.628
ახლა დავწეროთ ჩვენი ID.[br]rabbits-song.

0:02:09.628,0:02:11.942
წესის დარჩენილი ნაწილი იგივეა, რასაც[br]ვიყენებდით.

0:02:11.942,0:02:13.722
ვხსნით და ვხურავთ ფიგურულ ფრჩხილს.

0:02:13.722,0:02:18.384
ვაბატებთ, თვისებას, მაგალითად ფონის ფერს.

0:02:18.384,0:02:20.944
და ისიც მუშაობს!

0:02:20.944,0:02:23.934
მხოლოდ სიმღერის აბზაცს აქვს ყვითელი ფონი.

0:02:23.934,0:02:26.583
პირველი აბზაცის ფონი კი იგივე დარჩა.

0:02:26.583,0:02:31.144
მოდი, ისევ გავაკეთოთ, პირველი -სთვის[br]მაგალითად.

0:02:31.144,0:02:33.506
გახსოვთ პირველი ნაბიჯი?

0:02:33.515,0:02:38.326
სწორია, ჯერ უნდა შევცვალოთ HTML,[br]რომ მივუთითოთ 'id' თვისება.

0:02:38.326,0:02:41.743
მიგვაქვს კურსორი თეგის დასაწყისში, [br]ვტოვებთ ადგილს და ვწერთ

0:02:41.743,0:02:43.520
id =

0:02:43.580,0:02:46.841
შემდეგ ვწერთ უნიკალურ და აზრიან ID-ს.

0:02:46.841,0:02:50.704
მაგალითად, "rabbits-info-heading".

0:02:50.704,0:02:54.043
ახლა მეორე ნაბიჯი.[br]დავბრუნდეთ ჩვენს სტილის თეგში

0:02:54.043,0:03:01.869
დავამატოთ ახალი ხაზი,[br]დავწეროთ დიეზი, შემდეგ ჩვენი ID

0:03:01.869,0:03:04.947
rabbits-info-Heading და ჩავსვათ ჩვენი[br]თვისება ფიგურულ ფრჩხილებში

0:03:04.947,0:03:08.935
{background-color: purple; [br]}

0:03:08.945,0:03:13.420
მაგრამ, ამჯერად არ იმუშავა.[br]რა შემეშალა?

0:03:13.420,0:03:15.389
იმავე ნაირად დავწერე?

0:03:15.389,0:03:18.495
rabbits-info-Heading[br]rabbits-info-heading

0:03:18.495,0:03:25.129
ძალიან გვანან ერთმანეთს, მაგრამ, მოდით,[br]ასო-ასო შევადაროთ, რომ გავიგოთ რა ხდება.

0:03:25.129,0:03:29.713
მაგრამ ახლა უბრალოდ ქვევით ჩავალ[br]და ID-ს მივუთითებ HTML-ში

0:03:29.713,0:03:33.930
და შემდეგ აქ დავაკოპირებ, იმისათვის[br]რომ აბსოლუტურად იდენტური იყოს.

0:03:33.930,0:03:35.601
ახლა კი მუშაობს!

0:03:35.601,0:03:40.045
ჩემს -ს აქვს ფონი.[br]მიხვდით რა შეიცვალა?

0:03:40.085,0:03:44.474
შეიძლება მიხვდით, ჩვენ გვეწერა H,[br]უნდა დაგვეწერა h,

0:03:44.474,0:03:47.083
ბრაუზერი მათ ერთნაირად ვერ აღიქვამს.

0:03:47.103,0:03:50.341
უნდა ყოფილიყო h, რომ დამთხვეოდა HTML-ს.

0:03:50.341,0:03:52.950
ID-ში მნიშვნელობა აქვს დიდ[br]და პატარა ასოებს.

0:03:52.950,0:03:57.513
ყოველ ჯერზე იდენტურად უნდა გეწეროთ.

0:03:57.513,0:04:01.753
მაგალითად, მე ყოველთვის პატარა[br]ასოებით ვწერ ID-ს, შემდეგ

0:04:01.753,0:04:05.165
რომ არ დავიწყო ფიქრი დიდი ასო[br]გამოვიყენე თუ პატარა.

0:04:05.165,0:04:08.404
ახლა საბოლოო გაფრთხილებას მოგცემთ.

0:04:08.404,0:04:10.710
ID უნდა იყოს უნიკალური!

0:04:10.710,0:04:13.444
თუ გექნებათ ორი თეგი ვებგვერდზე[br]იდენტური ID-თი,

0:04:13.444,0:04:17.975
ბრაუზერმა შეიძლება ორივე შეცვალოს,[br]ან არც ერთი.

0:04:17.975,0:04:20.501
თქვენ მგონი არ გინდათ ეს რომ მოხდეს.

0:04:20.501,0:04:23.896
უნიკალური და აზრიანი ID.