AXISHK

COG Lead Engineer

Shaun Vermaak

<div>
We often see this with @import<br />
<br />
prefix ~ at the start of the path is usually for Webpack loader to resolve the import &quot;like a module&quot; from a node module path for example with<br />
normalize.css<br />
<br />
As a link alone we usually use dot <br />

<pre><code id="code-20-42754766-1">&lt;link rel=&quot;stylesheet&quot; href=&quot;./css/first.css&quot; /&gt;</code></pre>
</div>


We often see this with @import

prefix ~ at the start of the path is usually for Webpack loader to resolve the import "like a module" from a node module path for example with
normalize.css

As a link alone we usually use dot


<link rel="stylesheet" href="./css/first.css" />

<div>
<div class="content wysiwyg-content">
What does &quot;~&quot; mean in CSS path reference :<br />
<br />
&lt;link rel=&quot;stylesheet&quot; href=&quot;~/css/first.css&quot; /&gt;
</div>
</div>


What does "~" mean in CSS path reference :

<link rel="stylesheet" href="~/css/first.css" />

Path Reference for CSS file

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.