# войдите в CSS селекторы - PullRequest
Новая
       1

# войдите в CSS селекторы

1 голос
/ 14 сентября 2010

Некоторые селекторы CSS имеют # перед ними, что это значит?

Ответы [ 5 ]

17 голосов
/ 14 сентября 2010

Это селектор идентификаторов, фундаментальная особенность стандарта CSS. Он сопоставляет элемент HTML с заданным идентификатором в соответствии с атрибутом id (конечно, при условии соответствия документа). Подробнее см. в спецификации селекторов W3C . 

<!DOCTYPE html>
<html lang="en">

<head>
  <style type="text/css">
  #my-div {
      color: #f00;
  }
  </style>
</head>

<body>
  <div id="my-div">This text will be red.</div>
  <div id="another-div">This text will not be red.</div>
</body>

</html>

Возможно, вы также видели обозначение #, используемое в идентификаторе фрагмента URL-адреса для ссылки на именованные якоря (<a name="some-anchor"></a>). Они также могут указывать на элементы с определенными идентификаторами на вашей странице, точно так же, как именованные якоря, и я понимаю, что именно поэтому CSS использует ту же запись для выбора идентификаторов.

3 голосов
/ 14 сентября 2010

Селектор, #foo будет сопоставлять любой элемент с атрибутом ID со значением "foo". 

<style type='text/css'>
#foo { color: red; }
</style>

<div id='foo'>red text</div>
2 голосов
/ 14 сентября 2010

Возможно, вы также видели что-то вроде 

div#myDiv {}

Что означает «DIV-тег с идентификатором, установленным в« myDiv »»

2 голосов
/ 14 сентября 2010

в CSS,

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

. - это упоминание для селектора класса

2 голосов
/ 14 сентября 2010

Он выбирается на основе идентификатора элемента HTML ...

http://www.w3.org/TR/CSS2/selector.html#id-selectors

<style>
#myDiv { }
</style>

<div id="myDiv">
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...