选择不以特定模式开头的href

Question

我知道我可以使用css选择以特定模式开头的链接，例如

a[href^="tutorials_"] { text-color: red; }

有没有办法选择不以特定模式开头的链接，即所有不以＆＃34; / tutorials _＆＃34;开头的链接。我知道那里没有选择器，但我无法弄清楚如何将它用于此目的。

Answer 1

你可以试试这个：

a:not([href^="tutorials_"]) { 
  color: red; 
}

<a href="tutorials_1">Link 1</a>
<a href="not_tutorials_1">Not link 1</a>
<a href="not_tutorials_1">Not link 1</a>

这里有很好的参考：https://css-tricks.com/almanac/selectors/n/not/