2014-11-11 2 views
-1

Быстрый вопрос о CSS - Для всех Divs нужен идентификатор или какой-то идентификатор? Например, на моей странице html у меня есть код, показанный ниже (путем повторного использования классов я могу создать систему структуры/жидкости сетки).Вопросы по классу класса CSS

страница делает проверку без проблем ..

<div id="wrapper" > 

    <div class="section group"> // open section 

     <div class="col span2"> 
      *****CONTENT HERE ******* 
     </div> 

     <div class="col span2"> 
      ********MORE CONTENT HERE********** 
     </div> 

    </div> // close section 

</div> close wrapper 
  • Раздел имеет столбцы. (Он дает ширину div на 100% и очищает оба). Он используется, чтобы разделить страницу на
  • группа представляет собой класс, который применяет Clearfix
  • цв столбец, который поплыл влево (держит содержание)
  • пролет класс, который дает Col% его размеры конструкции жидкости (Например, диапазон 1 = ширина 25% ширины 2 = ширина 50%, диапазон 3 = 75% пролет 4 = 100%)

ответ

2

Прежде всего, я вижу в вашем примере код, возможно, некоторые отсутствующие теги, но я говорю может быть, потому что я не уверен, что вы забыли вставить часть кода. В любом случае, любой открытый div должен иметь свой близкий div.

И ответить на ваш вопрос:

Нет, HTML элементы не должны иметь атрибут ID определен.

Некоторые из целей атрибута id - идентифицировать уникальные элементы. Тот же идентификатор не должен повторяться. Затем вы можете использовать идентификатор из CSS, указав селектор id с префиксом «#», как и с вашей оберткой.

Идентификатор может использоваться либо для указания стиля уникального элемента css, либо для работы с ним из javascript с помощью document.getElementById ('id-here') или jQuery $ ('# id-here').

Главное отличие использования классов от Ид в CSS заключается в том, что идентификатор уникален, но КЛАСС можно использовать больше раз более чем на одном элементе.

Когда вы пишете свой стиль CSS, вы должны:

  1. Первый применить стиль к HTML-теги, избегая использовать классы, если не требуется, например: р {цвет: красный; } h1 {цвет: черный; }
  2. Во-вторых, если вашим параграфам действительно нужен класс, вы должны создать его: p.italic {font-style: italic}
  3. В-третьих, если у вас есть параграф с уникальным дизайном на странице, вы можете use: p # unique_id {font-size: 300%; }

Что я пытаюсь сказать, так это то, что вы должны использовать его по мере необходимости, не добавляйте классы, если они вам не нужны, добавьте идентификаторы для уникальных предметов.

+0

хорошо вы могли бы просто использовать их так, что содержание имеет контейнер для пример

some text here
вместо того, чтобы просто оставить текст в воздухе, и, как сказал skobaljic в своем ответе, вы могли бы, например.

title

text
, вы могли бы сделать div.some-class h1 {color: red; } и div.some-class div {color: blue; }, поэтому у вас есть div, у которого нет класса, но вы можете применить к нему стиль –

1

Вам действительно не нужны все классы. Если вы хотите, чтобы сократить код, вы можете обратиться к ним в CSS, как:

/* For .section and clearfix (.group) */ 
#wrapper > div {} 
/* For .col */ 
#wrapper > div > div {} 

Таким образом, ваш HTML становится:

<div id="wrapper" > 
    <!-- BEGIN section --> 
    <div> 
     <!-- BEGIN column --> 
     <div> 
      *****CONTENT HERE ******* 
     </div> 
     <!-- END column --> 
    </div> 
    <!-- END section --> 
    <!-- BEGIN section --> 
    <div> 
     <!-- BEGIN column --> 
     <div> 
      *****CONTENT HERE ******* 
     </div> 
     <!-- END column --> 
    </div> 
    <!-- END section --> 
</div><!-- /#wrapper --> 
Смежные вопросы