a[href^="http://"] {
/* fully valid URL, likely external link */
}
a[href="http://google.com"] {
/* link to specific website */
}
a[href^="/"], a[href^=".."] {
/* internal relative link */
}
a[href^="mailto:"] {
/* email link */
}
a[href$=".pdf"] {
/* PDF file */
}
a[href$=".doc"] {
/* Microsoft Word document */
}
a[href$=".mp3"] {
/* Music file */
}
a[href$=".zip"] {
/* Archive file */
}
哇！这真的很棒！我确定我以前见过它，但你以一种易于理解的方式展示了它！
我只有几个问题
1) 我想 ^ 表示“以…开头”；$ 表示“以…结尾”还是“在某个地方包含此文本”？
2) 全浏览器支持？IE？
谢谢！
$ 确实表示“以…结尾”（“在某个地方包含此文本”是 [attr*=”textanywhere”]）
IE7+ 支持它
http://www.quirksmode.org/css/contents.html（“高级 [attr] 选择器”）
这非常方便。我使用这种方法将近两年了。不过我在这里看到了一些新东西。感谢分享！
对于“链接到特定网站”，声明 google.com 是否涵盖 google.com 的所有子目录（即：google.com/images、google.com/analytics 等）？或者是否需要专门声明它们？
我第一次遇到这个 CSS 技巧，我非常喜欢它。一开始我有点被难住了，因为我需要在我的网站上为 URL 中包含某些文本的链接设置样式。只是一堆指向产品的链接，我想让它们的样式与产品的品牌相似。为此，我需要为指向 URL 中包含品牌名称的任何产品的链接设置样式。
我使用了 a[href*=”/brand-name”] 及其它的变体来完成它，我非常喜欢它。
出于好奇，这叫什么？括号中的这个很酷的技巧？
感谢这篇文章！
如何将其用于包含唯一用户 ID（Drupal）的相对链接，例如：/user/1/bookmarks
你好，
感谢这些选项。有没有办法说
如果 href 不包含“archives”一词，则应用此样式
提前感谢
Shilpi
你应该可以做到
我想根据 url 删除
<hr>标签（使用 display: none），如果 url 包含单词 quick_tab？如何做到这一点？
我已经尝试了下面最新帖子中的示例
对我不起作用。
请帮忙！
谢谢
Brian
是否有任何规定可以进行分组，而不是像这样定义单个
a[href$=”.pdf”],a[href$=”.PDF”],a[href$=”.xls”],a[href$=”.xlsx”],a[href$=”.xlsm”],a[href$=”.doc”],a[href$=”.docx”]
可以有类似这样的东西
a[href*=”.pdf|.PDF|.doc|.docx|.xls|.xlsx|.xlsm”]
这很棒，谢谢！有没有办法为 youtube 创建一个“万能”方法？例如，我有两个没有类的链接（无法更改），一个链接到 pdf，另一个链接到不同的 youtube 视频。
所以，我需要说目标是任何 youtube 视频 URL，它们都将不同并且会更改，所以我不能对其进行硬编码
尝试
这确实不错，但是可以在 # href 上使用吗？我尝试过，但没有成功
我在相对链接中添加了一点内容以使其在我的情况下生效
a[href^="./"], a[href^="/"], a[href^=".."] {color: red;
}