Html 链接的css选择器

Html 链接的css选择器,html,css,css-selectors,Html,Css,Css Selectors,有没有一个CSS选择器,当你在一个链接上工作。例如,如果我在我的网站主页上,它被称为default.aspx,页面上有一个指向default.aspx的链接,我希望它重新格式化default.aspx链接。我还没有看到这个CSS选择器。我甚至不知道这是否可能,但如果可能,我希望有人会知道。如果没有css选择器也能做到这一点,请告诉我。同一页/当前页没有特定的css选择器。但是,也有其他选项可以选择指向特定页面/锚的链接,尽管您可能正在查找。你可以这样做: a[href=default.aspx]

有没有一个CSS选择器,当你在一个链接上工作。例如,如果我在我的网站主页上,它被称为default.aspx,页面上有一个指向default.aspx的链接,我希望它重新格式化default.aspx链接。我还没有看到这个CSS选择器。我甚至不知道这是否可能,但如果可能,我希望有人会知道。如果没有css选择器也能做到这一点,请告诉我。

同一页/当前页没有特定的css选择器。但是,也有其他选项可以选择指向特定页面/锚的链接,尽管您可能正在查找。你可以这样做:

a[href=default.aspx]考虑到您处于default.aspx

这将选择href值完全为default.aspx的所有链接a标签。仅包括以下类型的链接:

优点:具体。 缺点:非常具体;它将只选择href中具有该确切文本的锚,而不会选择default.aspxsomething之类的内容。 a[href^=default.aspx]考虑到您现在处于default.aspx

这将选择href值以default.aspx开头的所有链接。包括以下类型的链接:、等

优点:它涵盖多个案例。 缺点:它也排除了多种情况,例如,它不会选择该类型的链接,即使它们是您想要的类型。 a[href*=default.aspx]考虑到您处于default.aspx

这将选择href包含字符串default.aspx的所有链接。无论在哪个位置。包括诸如、等链接

优点:它是您可以使用的最通用的,将选择包含页面名称的所有内容。 缺点:它太普通,可能会选择你不想要的链接,例如:即使它不指向链接所在的页面,也会被选中。 a[href^=]

这将选择指向href值开头的页面内锚定的链接。由于锚点位于同一页面内,因此不需要指定文件名。包括如下链接:

优点:它只选择指向页面内锚的链接。 缺点:它只选择指向页面内锚的链接。 考虑到第一个选择器的具体程度以及第三个选择器的一般性,我将使用第二个和第四个选择器的组合:

a[href^="default.aspx"], 
a[href^="#"] {
    // styles to highlight links to self
}
尽管如此,这个解决方案对于default.aspx来说还是非常特殊的,从其他页面到default.aspx的链接也会突出显示。一种替代方法是为选择器中的每个页面使用特定的类。例如,如果default.aspx有class.default,而page1有class.page1,等等:


是的。使用css:target.:target不选择指向当前页面的链接,它选择URL哈希值中指示的元素,例如:与哈希值具有相同id的元素由于您使用的是asp,您可以只向当前页面的链接(即活动服务器端)添加一个类。我通常就是这样做的。如果您没有构建单页应用程序。可能的副本已关闭。。。这是一个可能的副本
.default a[href^="default.aspx"], 
.page1 a[href=^="page1.aspx"],
a[href^="#"] {
    // styles to highlight links to self
}