Question

我正在寻找如何在css中添加一个与特定路径匹配的类（例如，我的路径名称是“cities”，我想将其他颜色的笔触或填充应用于它。我以不同的方式尝试，但没有结果。有可能吗？

提前致谢！

Answer 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>

Answer 2

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

等

Answer 3

“路径”是什么意思？

例如，我的路径名称是“城市”，我想适用于其他颜色的笔触或填充。

如果你试图通过“名字”来聚焦元素，你就会使用Jquery。

示例：

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

和Jquery

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

将特定的类样式添加到路径

3 个答案: