Утверждение IF вокруг стилей

Мне было интересно, можно ли это сделать? Страница находится в HTML, использует код JavaScriptУтверждение IF вокруг стилей

Я оставил navgation, который использует стиль На некоторых страницах я хочу использовать другой стиль, поэтому я создал новый класс

так, что я хочу сделать, это:

if page = a 
display leftmenu class 
else 
display 
left class

Может ли кто-нибудь помочь мне с кодом, чтобы он работал?

источник

2012-02-21 user1223695

Я думаю, что вы можете сделать это в SCSS –

Убрали свой Java-тег, так как это не вопрос о Java –

Вы можете создавать «общие» стили, а затем переопределять их, когда другой класс присутствует: '.foo {color: red; } '(цвет всех элементов с классом foo red)' .bar .foo {color: green; } '(когда foo находится внутри цвета бара, вместо этого он зеленый) –

у меня всегда есть id на html элемент, который представляет текущую страницу, что-то например:

<html id="home-page">, <html id="about-page">

т.д.

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

div.leftmenu {general styling} 

#about-page div.leftmenu {styling specific to the About page}

Кроме того, leftmenu действительно плохое имя. Что делать, если вы хотите это на правой странице # home?

источник

2012-02-21 15:35:21 powerbuoy

Предполагая, что вы хотите использовать JavaScript, как вы предлагаете:

var page = 'whereveryougetpagefrom'; 
var elementToStyle = document.getElementById('nameofelement'); 

if (page == 'a') { 
    elementToStyle.className += " leftmenu"; 
} else { 
    elementToStyle.className += " left"; 
}

Однако, лучше всего это сделать в CSS с использованием стилей.

источник

2012-02-21 15:29:06

Я даже не вижу ничего, что могло бы намекнуть PHP - это решение? –

Я полностью неправильно читаю тег на вопрос! :) Обновлено для использования JavaScript. –

body div.leftmenu { 
    styles for other non-display pages 
} 

body.display div.leftmenu { 
    styles for left menu on a 'display' page 
    override any styles defined above 
}

источник

2012-02-21 15:30:31

[пример выше] (http://jsfiddle.net/RbNzn/) –

Система cms, которую я использую, немного странная. У меня есть только доступ к коду leftnav и css и не могу получить доступ к области тела, поэтому я пытаюсь придумать инструкцию if для использования в левом навигационном коде. – user1223695

CSS «плоский» на всей странице. Если вы можете вставить блок '

Утверждение IF вокруг стилей

ответ