почему внутренний div не принимает стиль css? [Дубликат]

HTML5: допустимые значения для ID & amp; Атрибуты класса

Как и в случае с HTML5, единственными ограничениями на значение идентификатора являются:

1. должны быть уникальными в документе
2. не должны содержать любые символы пробела
3. должны содержать хотя бы один символ

. Аналогичные правила применяются к классам (за исключением уникальности, конечно).

So значение может быть все цифры, всего одна цифра, только знаки пунктуации, включают специальные символы, что угодно. Просто нет пробелов. Это очень отличается от HTML4.

В HTML 4 значения идентификатора должны начинаться с буквы, которая затем может следовать только буквами, цифрами, дефисами, символами подчеркивания, двоеточиями и периодами.

В HTML5 они действительны:

<div id="999"> ... </div>
<div id="#%LV-||"> ... </div>
<div id="____V"> ... </div>
<div id="⌘⌥"> ... </div>
<div id="♥"> ... </div>
<div id="{}"> ... </div>
<div id="©"> ... </div>
<div id="♤₩¤☆€~¥"> ... </div>

Просто имейте в виду, что использование чисел, знаков препинания или специальных символов в значении идентификатора может вызвать проблемы в других контекстах (например, CSS, JavaScript, регулярное выражение ).

Например, в HTML5 допустим следующий идентификатор:

<div id="9lions"> ... </div>

Однако это недействительно в CSS:

Из спецификации CSS2.1:

4.1.3 Символы и регистр

В CSS, идентификаторы (включая имена элементов, классы и идентификаторы в селекторах) могут содержать только символы [a-zA-Z0-9] и символы ISO 10646 U + 00A0 и выше, плюс дефис (-) и подчеркивание (_); они не могут начинаться с цифры, двух дефисов или дефиса, за которым следует цифра .

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

---

Ссылки W3C

HTML5

3.2.5.1 Атрибут id

Атрибут id указывает уникальный идентификатор его элемента (ID).

Значение должно быть уникальным среди всех идентификаторов в домашнем поддереве элемента и должно содержать хотя бы один символ. Значение не должно содержать пробелов.

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

3.2.5.7 Атрибут class

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

Классы, которым присвоен элемент HTML к нему относятся все классы, возвращаемые, когда значение атрибута класса разбивается на пробелы. (Дубликаты игнорируются.)

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

Строго он должен соответствовать

[A-Za-z][-A-Za-z0-9_:.]*

Но у jquery, похоже, проблемы с двоеточиями, поэтому лучше избегать их.

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

проект спецификации HTML 5 ослабляет правила для id и name: теперь они просто непрозрачные строки, которые не могут содержать пробелы.

Из спецификации HTML 4 :

Идентификаторы ID и NAME должны начинаться с буквы ([A-Za-z]), и за ней может следовать любая количество букв, цифр ([0-9]), дефис («-»), подчеркивание («_»), двоеточия («:») и периоды («.»).

Общей ошибкой является использование идентификатора, начинающегося с цифры.

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

У вас может быть много идентификаторов, но все они должны иметь уникальное значение.

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

В HTML5 идентификатор не может начинаться с числа, например. id- "1kid", и они не могут иметь пробелы (id = "Some kind")

HTML5

Имея в виду, что идентификатор должен быть уникальным, т.е. в документе не должно быть нескольких элементов с одинаковым значением id.

Правила содержимого ID в HTML5 (кроме уникальности):

This attribute's value must not contain white spaces. [...] 
Though this restriction has been lifted in HTML 5, 
an ID should start with a letter for compatibility.

Это Спецификация W3 о ID (frnn MDN):

Any string, with the following restrictions:
must be at least one character long
must not contain any space characters
Previous versions of HTML placed greater restrictions on the content of ID values 
(for example, they did not permit ID values to begin with a number).

Дополнительная информация:

• W3 - глобальные атрибуты (id)
• Атрибут MDN (id)

alphabets-> caps & amp; small digits-> 0-9 special chars-> ':', '-', '_', '.'

формат должен начинаться с '.' или алфавит, за которым следует либо специальный символ большего количества алфавитов, либо цифр. значение поля id не должно заканчиваться на '_'. Кроме того, пробелы не допускаются, если они предоставляются, они рассматриваются как разные значения, что недействительно в случае атрибутов id.

Из спецификации HTML 4 ...

Идентификаторы ID и NAME должны начинаться с буквы ([A-Za-z]), за которой может следовать любое количество букв, цифр ([0 -9]), дефисы («-»), подчеркивания («_»), двоеточия («:») и периоды («.»).

EDIT: d'oh! Снова побегите к кнопке!

Любое альфа-числовое значение и «-» и «_» действительны. Но вы должны завести имя id любым символом между A-Z или a-z.

Уникальный идентификатор для элемента.

В документе не должно быть нескольких элементов с одинаковым значением id.

Любая строка со следующими ограничениями:

1. должен иметь длину не менее одного символа
2. не должен содержать пробелов: U + 0020 пробел U + 0009 ТАБЛИЦЫ ХАРАКТЕР (вкладка) U + 000A LINE FEED (LF) U + 000C FORM FEED (FF) U + 000D CARRIAGE RETURN (CR)

Использование символов, кроме ASCII letters and digits, '_', '-' and '.', может вызвать проблемы совместимости, поскольку они не разрешены в HTML 4. Хотя это ограничение было снято в HTML 5, идентификатор должен начинаться с буквы для совместимости.

HTML5:

избавляется от дополнительных ограничений атрибута id , см. здесь . Единственные требования, оставленные (кроме единственного в документе):

1. значение должно содержать хотя бы один символ (не может быть пустым)
2. t содержит любые пробельные символы.

PRE-HTML5:

Идентификатор должен соответствовать:

[A-Za-z][-A-Za-z0-9_:.]*

1. Необходимо начать с символами AZ или az
2. Может содержать - (дефис), _ (подчеркивание), : (двоеточие) и . (период)

, но следует избегать : и . beacause:

Например, идентификатор может быть помечен как «ab: c» и указан в таблице стилей как #ab: c, но также как и это id для элемента, это может означать id «a», класс «b», псевдоселектор «c». Лучше избегать путаницы и избегать использования. и: вообще.

1. Идентификаторы лучше всего подходят для наименования частей вашего макета, поэтому не должны указывать одинаковое имя для идентификатора и класса
.
2. ID позволяет использовать буквенно-цифровые и специальные символы
3. , но избегать использования # : . * ! символы
4. недопустимые пробелы
5. не начинаются с цифр или дефиса, за которым следует цифра
6. с учетом регистра
7. с использованием идентификатора селектора быстрее, чем использование селекторов классов
8. использовать дефис «-» (подчеркивание «_» также может использовать, но не полезно для seo) для длинного имени класса CSS или Идентификатора правила
9. Если a правило имеет селектор идентификаторов в качестве его селектора ключей, не добавляйте имя тега в правило. Поскольку идентификаторы уникальны, добавление имени тега будет бесполезно замедлять процесс сопоставления.
10. В HTML5 атрибут id может использоваться для любого элемента HTML, а в HTML 4.01 атрибут id не может использоваться с: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.

Нет пробелов, должно начинаться, по крайней мере, с символа от a до z и от 0 до 9.