CSS: проблемы с выбором HTML-элементов из CSS

Question

Я хочу стилизовать форму в html, используя CSS. Это действительно простая форма, поэтому я не ожидал никаких проблем с доступом к ней с помощью селекторов CSS. Но в любом случае, когда я пытаюсь добавить что-то вроде:

#maincontent #left_side #comments{
    margin: 100px;
}

или

#comments{
    margin: 100px;
}

Я не вижу видимого эффекта.

Извините, я думаю, что я не очень описательный, но не знаю, как описать проблему ... Может быть, вы могли бы взглянуть на демонстрационный URL здесь:

http://chess -advices.com: 8000 / статьи / ололо / И предложите, как исправить мой CSS, чтобы исправить форму? (Ну, на самом деле мне просто нужно сначала получить к нему доступ)

Заранее спасибо

Answer 1

Вы забыли закрыть это:

div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
display:none;

изменить это на:

div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
display:none;

}

Чтобы найти это: Строка 267 в вашем style.css или вы можете использовать strg / cmd + f, чтобы найти его ...

Но я думаю, если вы добавите что-то вроде этого:

form label { width: 100px; display: block; float: left; }

form p { padding: 5px 0px 0px 0px; }

ваша форма будет выглядеть лучше:)

Надеюсь, это ответ на ваш вопрос ...

Answer 2

В файле css ранее произошла ошибка, которая вызывает это. В стиле div.pagination span.disabled нет закрывающей скобки, из-за которой браузер пропускает оставшуюся часть файла CSS.

Примечание: поскольку идентификатор уникален на странице, вам нужно только #comments, чтобы нацелить элемент. Единственная причина для использования #maincontent #left_side #comments заключается в том, что вам нужно сделать его более конкретным для переопределения какого-либо другого стиля, или если вы используете таблицу стилей для нескольких страниц, и могут быть другие элементы с комментариями id, которые вам не нужны к цели.