2013-07-28 3 views
0

У меня есть колонтитул в моем HTML-файле:стиль текста в CSS

<footer> 
    <p> 
     Copyright &copy; 2013. 
    </p> 
</footer> 

А вот мой CSS файл:

footer { 
    background: #333; 
    color: #FFFFFF; 
    font-size: 60%; 
    font-family: tahoma, sans-serif; 
    text-align: center; 
    margin: 0; 
    padding: 10px 0; 
} 

Но почему это не изменило мой стиль текста? Что я делаю не так?

Спасибо.

+0

вы должны уточнить. в средствах CSS используйте «нижний колонтитул p или нижний колонтитул> p». Прочтите это http://stackoverflow.com/questions/6377029/css-inheritance – Adrian

+1

как ни странно, я считаю, что эта версия кода отлично работает в IE, Chrome и FF. интересно, что может быть причиной :( – Harry

+0

Да, работает и для меня. – AnaMaria

ответ

0

Это потому, что вам нужно напечатать это:

footer { 
    background: #333; 
} 

footer p { 
    color: #FFFFFF; 
    font-size: 60%; 
    font-family: tahoma, sans-serif; 
    text-align: center; 
    margin: 0; 
    padding: 10px 0; 
} 

вместо этого:

footer { 
    background: #333; 
    color: #ccc; 
    font-size: 70%; 
    font-family: tahoma, sans-serif; 
    text-align: center; 
    margin: 0; 
    padding: 10px 0; 
} 

В CSS вы всегда должны сократить свой код на p, h2a, span и т.д.

+1

Это действительно решило проблему? Тогда реальная проблема не была раскрыта: по-видимому, существует какая-то настройка CSS, которая задает свойства на элементе 'p'. неправда, что «вам всегда нужно вырезать свой код на' p', 'h2'' a', 'span' и т. д. Здесь элемент' p' наследует настройку цвета, шрифта, фона и выравнивания, если только другой стиль листы предотвращают это. –

+0

, но в любом случае нижний колонтитул Сергея Архипова теперь имеет текстовый стиль, как он хотел –

Смежные вопросы