2013-05-03 2 views
1

Я пытаюсь скрыть нижний колонтитул с не-домашних страниц. Ниже то, что я пытался, This is the websiteНевозможно скрыть нижний колонтитул на не-домашних страницах

.home #first { 
    width:950px; 
    margin-top:20px ; 
    border-top: 1px dotted #9bacd4; 
    background:#ff0000; 
} 


.home #first img { 
    margin:5px; 
} 

.home #first h3 
{ 
    font-size:16px; 
    font-weight:bold; 
    margin:5px 0px 15px 15px;  
} 

#first { 
    display:none; 
} 
+1

css не является «умным». он не знает (и не заботится), на какой странице вы находитесь. это зависит от вас, чтобы предоставить подсказки/правила, чтобы установить это. если вы хотите изменить правила для домашней страницы, вы должны ввести правила/стили класса/CSS, которые применяются только к этой странице, например. возможно, 'body # homepage #footer {display: none}' только присваивает этот ID # домашней страницы фактическому тегу главной страницы. –

+1

Поскольку это сайт Wordpress, вы можете проверить, является ли это домашней страницей. Проверьте кодx http://codex.wordpress.org/Function_Reference/is_home – gSaenz

+0

@Marc B и [at] Uriah James Rittenhouse: у него уже есть класс '.home' на теге тела; но проверка бэкэнда через 'is_home()' будет лучшим решением, так как это экономит пропускную способность. – feeela

ответ

5

Оба ваших CSS используются правила .home #first и #first. Если у вас есть перекрывающиеся свойства, наиболее выигрышные. Таким образом, в этом случае добавьте display:block в .home #first селектор, и он переопределит display:none, так как более точно соответствует .home #first.

+0

Работает как шарм. Я бы никогда не подумал об этом. Спасибо! – Elaine

2

Вы должны установить его в скрытый первый, а затем отображать его на определенном состоянии, например, на главной странице:

/* hide for all pages */ 
#first { 
    display: none; 
} 

/* but display it on the homepage */ 
.home #first { 
    display: block; 
} 
0

Я бы поместил класс в тег вашей домашней страницы, который говорит что-то вроде.

Предполагая, что ваш блок нижнего колонтитула имеет что-то вроде, или вы можете использовать CSS, чтобы указать, что нижний колонтитул виден только на домашней странице.

.footer {display:none;} 
.home .footer {display:block;} 

Должно работать!

0

Используйте ссылку на функцию is_home(), чтобы контролировать, где вы видите нижний колонтитул. Read the documentation.

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