В чем разница между # и. с CSS?

Question

В чем разница между # и . с CSS?

#main 
{ 
    background-color: #fff; 
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ 
} 


.main 
{ 
    background-color: #fff; 
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ 
} 

Answer 1

'#' представляет идентификатор. «. "- класс.

Так .. <tagname id="main"> и <tagname class="main"> ....

надежда, что помогает.

Answer 2

Знак «#» представляет собой идентификатор элемента html. он предназначен для:

<div id='main'>...</div> 

'.' sign представляет класс элемента html. и это для:

<div class='main'>...</div> 

Answer 3

Класс (.my_class_name) могут присутствовать несколько раз в одной и той же странице в то время как идентификатор (#my_id_name) является уникальным.

Answer 4

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

Answer 5

# автоматически применяется к элементу с таким же идентификатором CSS

#id1 {some style} 

HTML

<div id="id1"> <-- automatically applied here... 

CSS

.Dot1 {} 
DIV.Dot2 {} 

DIV.Dot2 единственный быть применен к DIV с классом " Dot2 ", если какой-либо другой элемент пытается использовать Dot2, он не будет работать

HTML

<div class="Dot1"> <-- only applies when you give class.. 

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

Answer 6

От the HTML 4 spec:

Атрибут ID присваивает уникальный идентификатор элемента.

Атрибут ID имеет несколько ролей в HTML:

• как селектор таблицы стилей.
• В качестве целевого якоря для гипертекстовых ссылок.
• В качестве средства ссылки на конкретный элемент из сценария.
• Как имя объявленного элемента OBJECT.
• Для обработки общего назначения пользовательских агентов (например,для идентификации
  полей при извлечении данных из HTML страниц в базе данных, перевод
  HTML-документы в другие форматы,
  и т. д.).

Атрибут класса, с другой стороны, назначает одному или нескольким именам классов элементу; можно сказать, что элемент принадлежит этим классам. Имя класса может использоваться несколькими экземплярами элементов. Атрибут класса имеет несколько ролей в HTML:

• Как селектор таблицы стилей (когда автор хочет присвоить стилю информации к набору элементов).
• Для обработки общего назначения агентами пользователя.

Answer 7

The # указывает ID selector, то .class selector. IDs must be unique in a document (поэтому есть только один элемент с одним конкретным идентификатором), а class может содержать несколько элементов, а элемент может быть в нескольких классах.

Так #main подберет одну элемента, который идентификационные main это пока .main подберут все элементов, которые находятся в классе main. Кроме того, оба селектора имеют разные specificity, которые влияют на порядок, в котором свойства CSS применяются к элементам или перезаписывают существующие свойства.

Answer 8

# используется с идентификационным именем для написания css для него на странице html, которая должна быть уникальной.

. Используется с именем класса для написания css для него, которое может использоваться в любом месте на странице html.

Пример ::

<div id="container"> 
    <div class="container"> 
     <div class="container"> 
      Foo thing 
     </div> 
    </div> 
</div> 

И его CSS, как показано ниже

#container, .container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
} 

или индивидуальный, как показано ниже

#container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
} 

.container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
}