Добавить определенный стиль класса в путь

Question

Добавить определенный стиль класса в путь

Я ищу, как добавить класс в CSS, который соответствует определенному пути (например, мой путь называется "города", и я хотел бы применить к нему другой цвет обводки или заливки. Я пробую его по по-разному, но без результата. Возможно ли это?

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

0

css class path stroke

Источник

user1806685 07 ноя '12 в 16:10

3 ответа

Другие вопросы по тегам css class path stroke

user1250265 07 ноя '12 в 16:38 2012-11-07 16:38 · Answer 1 · 2012-11-07 16:38

Это элементарное решение, оно не будет обрабатывать добавление классов, только замены, основанные на вашем пути.

Создайте два каталога, один из которых называется "красный", другой - "синий". Создайте страницы в каждой со следующим. Они прочитают путь и добавят класс в DIV с именем #content.

Вот Скрипка (примечание: с жестко заданным путем, чтобы он работал) для демонстрации.

Надеюсь это поможет.

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    .red {background-color:red}
    .blue {background-color:blue}
    .green {background-color:green}
    </style>
</head>
<body>
<div id="content">this is the content</div>
    <script type="text/javascript">
     var locationpath =  ""+window.location.pathname+"";
     var options = ['red','blue','green'];
     for (var i =0;i<options.length;i++) {
         if (locationpath.indexOf(options[i])>0) {
            document.getElementById('content').setAttribute('class',options[i]) ;
         } 
     }

    </script>
</body>
</html>

07 ноя '12 в 16:40 2012-11-07 16:40 · Answer 2 · 2012-11-07 16:40

Что вы подразумеваете под "путь"?

Например, мой путь называется "города", и я хотел бы применить к нему другой цвет обводки или заливки.

Если вы попытаетесь сфокусировать элементы по имени, вы должны использовать Jquery.

Пример:

<input type="text" name="tiluuu"/>

И Jquery

$('input').attr('name','tiluuu').css({'color':'red'});

0

Источник

07 ноя '12 в 16:40

user1239108 07 ноя '12 в 16:30 2012-11-07 16:30 · Answer 3 · 2012-11-07 16:30

Я не совсем уверен, что вы просите, пожалуйста, разместите часть вашего кода. Но я думаю, что вы можете достичь того, чего хотите, создав несколько путей к классам в CSS, например:

#something {
  width: 200px;
  font-size: 12px;
     }

#something.black {
   color: #000000
     }

#something.white {
   color: #FFFFFF
     }

И HTML будет выглядеть так:

<h1 id="something" class="black">This Should Be Black</h1>

И т.п.