html - 是否可以创建检测当前 URL 的 CSS/SASS mixin？

Question

我刚刚发现 CSS 的 @media 是一个 mixin，它采用不同的参数(如宽度/高度/方向等)来确定使用的是什么设备，然后 mixin 应用一些基本的 CSS 样式。

我的问题是是否有可能创建一个非常相似的 mixin，例如 @address，它能够确定当前 URL，然后应用一些基本的 CSS 样式。 可以这样使用的东西:

@address ("https://stackoverflow.com") {    

    /*if URL is https://stackoverflow.com then apply following styles*/

    h1 {
        color: red;
        font-size: 2.1em;
    }

    #myElement {
        background: #FFF;
        border: 1px solid #000;
    }
}

如果可能的话，我该如何创建这样的 mixin？如果不是，为什么？

Answer 1

没有。这显然是不可能的。如果它对你有帮助，你可以只捕获具有 href 属性的元素。我分享是因为它是关于使用链接的。

p a {
  color: #333  
}

p a[href="https://stackoverflow.com"]{
  text-decoration: none;
}

<p>
  <a href="https://stackoverflow.com">stackoverflow.com</a>
</p>