Почему конкретное правило CSS не переопределяет общее правило? - PullRequest
1 голос
/ 13 сентября 2010

Авторская правка: извините за путаницу в этом.Я изменил путь к другой папке и читал из старых файлов!Моя вина.Спасибо за всю помощь.

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

Идентификатор тела выглядит следующим образом:

<body id="inside" class="blog">

<h3><a href="http://dev.extraspecialpatient.com/blog/entry/test-blog-entry/">Test Blog Entry</a></h3>
        <p class="entry-date">published September 13, 2010</p>
        <p>
This is a test of the American Broadcasting System to see if my entry shows up properly on the website. Summary information goes here.</p>
<p>Sentence two.</p>
<p>Sentence three.</p>

Вот общий стильдля этого содержимого:

body#inside #content p { 
                        margin: 0; 
                        padding: 0 0 20px 20px; 
                        color: #000; 
                        font: 14px/22px "Myriad Pro", Arial, sans-serif; 
                        }

Мне нужно изменить отступы в абзаце и задать стиль информации о дате, поэтому ниже я поместил следующее:

body#inside.blog #content p             { padding: 0 20px 10px 20px; }
body#inside.blog #content p.entry-date      { 
                                font-size: 11px; 
                                color: #4d6b53; 
                                font-style: italic;
                                margin: -3px 0 0 20px;
                                padding: 0;
                                }   

Буду признателен за помощьэто сработало.

Спасибо!

Ответы [ 4 ]

1 голос
/ 13 сентября 2010

Используйте плагин firefox -firebug и проверьте, какой CSS в настоящее время применяется к элементу. Он четко покажет, какие стили переопределены из каких таблиц стилей.

Здесь можно получить firebug http://getfirebug.com/

1 голос
/ 13 сентября 2010

Я не вижу более конкретных правил, которые вы цитируете выше, ни в вашем CSS-файле , ни в HTML-документе. Я что-то пропускаю? Возможно, вы забыли загрузить их.

Кроме того, нет необходимости быть более конкретным, чем общее правило: использование

body # inside #content p

будет достаточно. Тот факт, что правила приходят после , общих правил будет достаточно, чтобы перезаписать их.

1 голос
/ 13 сентября 2010

В вашем HTML нет #content идентификатора.

0 голосов
/ 13 сентября 2010

Когда вы говорите body#inside.blog #content p, это означает «р, который является потомком чего-то с идентификатором« content », который является потомком тела с идентификатором« inside »и классом« blog »»

CSS не отображается, потому что ничто не имеет id 'content' внутри тега body.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...