Введение в CSS; Class and ID Selectors (шаг 2)

В прошлый раз мы рассматривали с вами HTML selectors, которые представляют HTML тэги.
Вы так же можете представлять ваши собственные селекторы в форме «class» и  «ID».

Выгода от одних и тех-же HTML элементов позволит вам представить его иначе, в зависимости от его класса или ID.
Имени «class» селектора CSS предшествует «.»,  имени ID селектора предшествует «#».
Исходя из этого, ваш CSS может выглядеть так :

 
#top {

    background-color: #ccc;
 padding: 20px
 }.intro {
 

         color: red;

         font-weight: bold;

}
 

В HTML коде обычно ссылаются на ваш CSS используя атрибуты ID и class.
Выглядит это вот так:

<div id="top">

<h1>Chocolate curry</h1>

<p class="intro">This is my recipe for making curry purely with chocolate</p>

<p class="intro">Mmm mm mmmmm</p>

</div>



Разница между  ID и class, в том что ID используется для идентификации одного элемента, в то время как class используется для идентификации множества элементов.
Вы так же можете использовать селекторы к конкретному HTML элементу, просто указав селектор HTML  например  «p.jam { /* whatever */ } будет применяться только к элементам в параграфе которых есть class «jam«.

GoodGudvin

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *