Ами за начало, бих казал, че селектора е използван за идентификация на елемента в документа за HTML, на които искаме да се приложи специално CSS стил.
До този момент, ние работим с тази selektorom.T.e. както се използва директно HTML име селектор елемент. към който искаме да приложим стил. Т.е. например писане раздел клас (P). всички точки на страницата придобити стил в този клас.
P шрифт семейство: Arial, Verdana, безсерифен;
размер на шрифта: 12px
>
А сега да разгледаме ситуацията, когато е необходимо да се направи първата секция е в същия стил, а вторият в другата, на трето място в третия и т.н. Тук идват на помощ на избор на клас.
Нека да разгледаме как да се създаде общ клас в CSS. И го правят много проста: първо да зададете въпрос, веднага след това, без интервал, напишете името на класа, както и, а след това на скоби стил. Така например:
.зелен шрифт семейство: Arial, Verdana, безсерифен;
шрифта: 12px; цвят: зелен;
>
Как да кандидатствате стила?
Да кажем, че искате да приложите този стил до конкретна точка в документа. Ето как ще изглежда в HTML:
Както можете да видите, използвайки клас атрибут със стойност на името на стила. Ясно ли е? ето още Например:
Това е нормална ал. се използва на избора на елемент
Този раздел е зелен, защото то се прилага към класа
И този параграф по-голям шрифт и червено
Този параграф е нормално отново, в класа на селектор елемент
Посочете първия основен стил за всички точки (за избор на елемент), а след това, ако искаме да по някакъв параграф, за да се промени нещо, за да се създаде специален стил (селектор клас) и я възлага на този параграф за него. Когато се създаде този много специален клас, ние трябва да пиша само за тези имоти, които искате да добавите, или промените, по отношение на стила за тази позиция.
Класове в примера по-горе могат да се прилагат не само за частта, но и например за заглавията, или такава клетка маса, или цялата таблица, с една дума, те могат да се използват навсякъде, където те могат нещо да повлияе (в този случай, когато е параметър на цвета и текст).
За да направите този клас действа само върху определен елемент (например точка) може да бъде посочва името на елемента, преди точка:
Сега зелен клас няма да работи на нещо друго, освен елемента П.
↑ горе ↑
Това се използва за избор, ако искате да изберете един елемент. уникален, различен от всички останали в документа. Например, изберете първия заглавието на страницата, по определен начин:
<Н1 id =" firstheader "> Първа позиция в страницата
Както можете да видите в един клас атрибут на HTML част вместо Идентификационният атрибут се използва тук. и CSS - вместо # знак се използва.
По принцип едно и също нещо може да се направи с помощта на селектор на клас, това е, както желаете :)
↑ горе ↑
Това е много полезно нещо. Да предположим, че имате страница с маси и параграфи от текста, и в таблицата, и има секции в смели (силни) думи. И така, ние драстично необходимо да се направи думи в параграф, която започна с удебелен зелено. Така че:
Т.е. в началото на P, последвано от интервал, тогава и само тогава STRONG стил. Прочетете този ред като този: Ако вътрешността на елемента P има силен елемент е силен елемент, за да зададете стил зелено.
Разполагане може да бъде всяко ниво. Ето още един пример: "Ако изведнъж вътре в клетката на маса (ТД), за да се срещне параграф (P), във вътрешността на който е дума с удебелен шрифт (силна) допуснете това слово ще се превърне в червено.!"
Е, сега аз ви, че всички вече е ясно. Експериментирайте, да създадете свой стил, и вие ще бъдете щастливи.
↑ горе ↑
Свързани статии