链接(锚标记)在CSS文件中

时间:2018-06-08 14:49:30

标签: css html5 css3

是否可以在CSS文件内部进行链接,例如在头部添加目录,然后单击某个项目,就像锚标记一样,跳到CSS文件中的适当位置?

在冗长的CSS文件中,这非常有用。

3 个答案:

答案 0 :(得分:0)

也许用一些自定义软件可以做到这一点......

但是,更好的解决方案是使用良好的命名约定创建更好的css,例如:https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/https://cssguidelin.es/

这种架构将为您提供具有较小css文件的可读css项目。

答案 1 :(得分:0)

不,你不能。而且你并不真的需要它而不是这样做你可以将你的文件分成多个较小的CSS文件,然后创建一个main.css文件并将文件导入到该主文件中。您可以使用以下导入:

@import "navigation.css"; /* Using a string */

or

@import url("navigation.css"); /* Using a url */

例如,你的全局类应该有header.css,footer.css,blocks.css和global.css。

答案 2 :(得分:-2)

在经典的ASP中,我使用了一个hack,它只对使用ctrl + click有帮助(在大多数设计软件中跟随设计视图中的锚链接),但所有额外代码在运行时消失,纯粹的样式表将被推送到客户。

这是 Style.asp

<%response.contenttype="text/css"%>
<%if 1=2 then%>
      <a href="#section2">go to section 2</a>
<%end if%>

table{
 border:1px solid #aaaaaa;
}

<%if 1=2 then%>
   <a id="section2"></a>
<%end if%>

td{
 padding:5px;
}