代码之家  ›  专栏  ›  技术社区  ›  Nick

css文件中的链接(锚标记)

  •  -1
  • Nick  · 技术社区  · 6 年前

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

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

    3 回复  |  直到 6 年前
        1
  •  0
  •   Zoe - Save the data dump RobG    6 年前

    不,你不能。你不需要它,你可以把你的文件分解成多个更小的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
  •  0
  •   Clément Jacquelin    6 年前

    也许可以用一些定制的软件…

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

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

        3
  •  -2
  •   Ali Sheikhpour    6 年前

    在经典的asp中,我使用了一个hack,这个hack只对使用ctrl+click(在大多数设计软件中使用design视图中的锚链接)进行开发有帮助,但是所有额外的代码在运行时都会消失,一个纯样式表会被推送到客户端。

    这是 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;
    }