Макет нейтрального тега для CSS?

Question

Есть ли в HTML (4) тег "невидимый", который я могу использовать, чтобы различать CSS

tag.myclass tag.mysubclass h1 {  } 

без какого-либо визуального воздействия на отображаемый HTML-код?

Моя история в том, что у меня есть области в форме, которые принадлежат к разным группам. Когда я открываю их в лайтбоксы (длинная история с операциями DOM и т. Д., Не очень важная), я не хочу полагаться на обычные div class=x или span class=y для стилизации последующих элементов, так как мне придется сбрасывать поля здесь, там прокладки, и так далее.

В таких ситуациях мне понадобится тег переноса, не зависящий от макета.

Answer 1

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

Вероятно, вам нужен тег DIV, потому что ни один браузер не предоставляет стилю по умолчанию для этого тега.

Answer 2

Нет, нет.

(И это потому, что такой элемент не вписывается в остальную часть HTML. Единственная причина, по которой DIV и SPAN влияют на окружающую область, заключается в том, что они являются блочными и встроенными элементами, соответственно. Что будет «невидимым» элементом быть? Если вам нужно что-то полностью независимое, расположите его абсолютно (или относительно) и дайте ему более высокий z-индекс.)

Answer 3

Если вы хотите сгруппировать элементы, используйте тег div или span в качестве элемента-оболочки. Примените к этому свой идентификатор или класс и придайте ему соответствующий стиль.

EDIT

Нет тега «невидимый» - но поля и отступы могут быть легко сброшены 'margin: 0; отступ: 0; '

Answer 4

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

Answer 5

Я думаю, что вы хотите

.

Answer 6

Правильный ответ - использовать тег div и определить для него класс. Вот пример:

<h2 style="font-size: 14px">Project 1 - Project 2 
  <div class="username">{% if request.user.is_authenticated%} Welcome {{request.user.username}} {% endif %}</div>
</h2>

тогда в вашем css-файле вы можете иметь такой класс:

.username {
    color:white; 
    float:right;
    padding-right: 100px;
}

вуаля !! Все это относится к тегу h2, но к имени пользователя применено другое css.

Answer 7

Я подозреваю, что вы можете использовать тег без обычных атрибутов для этой цели, но я еще не проверил его полностью. Это даже в HTML5 (в отличие от тега FONT).

Answer 8

Вы можете добавить display: none; к нему. Это не будет отображаться (очевидно).