CSS перед счетчиком не работает на div

0

У меня возникли проблемы с отображением содержимого перед элементом ввода.

http://plnkr.co/edit/9UC93nnNm6vmmLEIYDJK?p=preview

На этом плунжере вы можете видеть input:before должен отображаться что-то, но он не отображает ничего

1) Если я изменю его на p:before того, p:before он отобразит содержимое до p, но без увеличения значения, что мне там изменить?

2) Почему он не отображает значения для input:before?

[EDIT после ответов Daniels и dTDesign/комментарии]

@dTDesign

Я изменил его на p, теперь он добавляет контент и сочетает ответ @Daniel (я изменил main на main). Я получил отображение содержимого перед абзацами с правильным приращением.

поэтому вы можете использовать main в HTML5.

Обновить:

Теперь он отлично работает:

  • 0
    На ваш вопрос № 2 взгляните на ответ в этом вопросе stackoverflow.com/questions/4574912/…
  • 0
    Вы должны публиковать комментарии здесь, а не помещать свои ответы в редактирование.
Показать ещё 1 комментарий
Теги:
css-content

1 ответ

1

Для вашего первого вопроса вам нужно поставить counter-reset: input_counter; в родительском элементе (например, в теле), чтобы инициировать его. Прямо сейчас вы пытаетесь сделать это на .main, но из того, что я вижу, такого элемента не существует (у вас есть тег с именем main, но это совсем другая вещь).

Редактировать: Извините, я явно недостаточно привык к HTML5. <main> - очень признанный тег в HTML5. :)

Поделиться
  • 1
    Ах, я пропустил, что я использовал класс в CSS, я изменил это, НО не является основным элементом HTML5? И, когда я изменяю его в css на main, это все равно не помогает

Ещё вопросы

Сообщество Overcoder
Наверх
Меню