CSS3 End's with $ 函数是否受用户的 sid 影响？

Question

我想为特定的 link 添加样式并且目前使用 * 通用 [attr*="value"]，在我的例子中是：

a[href*="&kasse=1"]:link

我想使用：

a[href$="&kasse=1"]:link

但是，我想使用它的 link 通常有一个 sid 附加到它。 $ 是应用于 link 本身还是应用于末尾附加 sid 的 link？

例如：

&kasse

或

&kasse=1&sid=ec5790d14cb5f45a746fec04f2833e64

基本上问题是我可以忽略 sid，还是必须允许它？我是否认为 href 属性是 HTML 属性，因此仅适用于 HTML，而 sid 不是 HTML（而是 PHP？？？）？

谢谢！

Answer 1

不，它不会匹配那个。

尝试使用包含选择器 *=

a[href*="&kasse=1"]:link

sid 在概念上意味着什么并不重要。由于它被添加到 html 代码中（ 作为 href 属性的一部分 ），它将导致 CSS 规则失败，因为它匹配html.

中的实际字符串

或者您可以这样做（假设如果 sid 将始终是 href 中的最后一部分）

a[href$="&kasse=1"]:link, /*will match ending with &kasse=1*/
a[href*="&kasse=1&sid="]:link { /*will match &kasse=17sid anywhere in the href*/

}

Answer 2

通过使用 [href$="&kasse=1"]:link 您的选择器搜索 link 以 &Klasse=1

结尾

a[href*="&kasse=1"]:link  is the right one

= is exactly equal
!= is not equal
^= is starts with
$= is ends with
*= is contains
~= is contains word
|= is starts with prefix (i.e., |= "prefix" matches "prefix-...")

Answer 3

您似乎有点困惑，下面是两种结果的示例。希望它能帮助你诊断你需要什么。

a[href$="&kasse=1"]:link  {
  color:red;
}

a[href*="&kasse=1"]:link  {
  background-color:black;
}

<a href="?test=1&kasse=1">First</a><br />
<a href="?test=1&kasse=1&sid=reDF3fWEFwhhd3e2hh0">Second</a>

很简单，CSS 选择器匹配 a 元素的 href 属性中的内容。

CSS3 End's with $ 函数是否受用户的 sid 影响？

Is the CSS3 End's with $ function affected by a user's sid?

html

css

css-selectors