Связывание (тег привязки) внутри файла CSS

Question

Можно ли сделать ссылку внутри CSS-файла, например, добавив оглавление в заголовке, к которому можно затем щелкнуть элемент, и, подобно тегу привязки, перейти к соответствующему месту в файле CSS?

В длинных файлах CSS это было бы весьма полезно.

Answer 1

Нет, вы не можете.И вам на самом деле это не нужно, вместо того, чтобы делать это, вы можете разбить ваш файл на несколько меньших 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 для ваших глобальных классов.

Answer 2

В классическом ASP я использовал хак, который полезен только для целей разработки с использованием 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;
}

Answer 3

Может быть, это можно сделать с помощью какого-то специального программного обеспечения ...

Но лучшее решение - создать лучший CSS с хорошим соглашением об именах, например: https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/ или https://cssguidelin.es/.

Этот тип архитектуры даст вам читаемый проект CSS с меньшим файлом CSS.