Грамматика именования CSS div

#css

Вопрос:

Можете ли вы использовать слово div для обозначения класса div? или удостоверение личности?

например:

#div.leftcol

или это просто воспринимается как

#leftcol

1. Следует уточнить, имеете ли вы в виду установку идентификатора или класса элемента div в строку «div» в HTML: <div id="div"></div> или <div class="div"></div> , или ссылку на тип элемента в сочетании с идентификатором или классом в CSS: div.className{} или div#idName{} .

2. Вы можете, но на самом деле… с какой стати вы этого хотите? Конечно, это только добавит путаницы.

Ответ №1:

Браузер увидит это как <div id="div" class="leftcol"></div>

Ответ №2:

Я не понимаю, что вы имеете в виду, но я думаю, что вы спрашиваете, можете ли вы использовать word div для применения класса к div элементам. Если это то, что вы имеете в виду, то да, вы можете, и вы делаете это точно так, как вы показали в своем вопросе:

div.leftcol { color: red }

Этот стиль будет применяться ко всем элементам типа div с class leftcol . Без div части стиль применялся бы к любому элементу с классом leftcol , независимо от того, к какому типу элемента это относится:

.leftcol { color: red }

Редактировать теперь вопрос отредактирован…

После редактирования вашего вопроса это приобретает немного больше смысла (я думаю). Ваш первый пример был бы применим к элементу с id of div и классом leftcol :

<div id="div" class="leftcol"></div>

Второй пример применим к элементу с id из leftcol :

<div id="leftcol"></div>

Или если вы просто спрашиваете, есть ли div какое-то зарезервированное слово в CSS, нет, это не так, поэтому не стесняйтесь использовать его в качестве идентификатора. Однако это может привести к путанице (например, вы могли бы в конечном итоге использовать селекторы типа div.div #div )

Ответ №3:

можете ли вы привести пример?

вы можете использовать <div class="leftcol"> left content </div>

и затем в вашем css .leftcol { background:red; }

вы можете обратиться к ней либо в div.leftcol, либо просто .leftcol

Ответ №4:

Как в?

 <div id="div.leftcol">Some content</div>

Хотя это может работать для HTML и Javascript, это должно вызвать проблему, если вы попытаетесь оформить его в таблице стилей CSS. Как я уверен, вы знаете следующее

 div.leftcol {
   color: #efefef;
}

означает «Установите цвет текста на #efefef для любого элемента div, который имеет leftcol в качестве имени класса», поэтому это не сработает. Я понятия не имею, если

 div.div.leftcol {
   color: #efefef;
}

сработало бы, но это просто некрасиво…