0

我正在寻找如何在 css 中添加与特定路径匹配的类(例如,我的路径的名称是“城市”,我想对其应用其他颜色的描边或填充。我尝试通过不同的方式,但没有结果。这可能吗?

提前致谢!

4

3 回答 3

1

这是一个基本的解决方案,它不会处理类的添加,只是根据您的路径进行替换。

创建两个目录,一个名为“red”,一个名为“blue”。在每个页面中创建页面,其中包含以下内容。他们将读取路径并将类添加到名为#content 的DIV 中。

这是一个Fiddle(注意:带有硬编码路径,所以它可以工作)来演示。

希望这可以帮助。

<!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>
于 2012-11-07T16:38:29.813 回答
0

“路径”是什么意思?

例如,我的路径名称是“城市”,我想对其应用其他颜色的描边或填充。

如果您尝试通过“名称”来关注元素,则应该使用 Jquery。

例子:

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

和jQuery

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

于 2012-11-07T16:40:31.987 回答
0

我不确定您要的是什么,请发布您的一些代码。但我认为你可以通过在 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>

等等。

于 2012-11-07T16:30:32.783 回答