Javascript 这个css代表什么?

Javascript 这个css代表什么?,javascript,html,css,Javascript,Html,Css,我找到了上面提到的代码部分,这段代码是什么意思?谢谢。这是一个与:target伪类组合的示例 这将在任何元素上设置给定的样式,该元素具有传递的属性值,该属性值是锚定的目标 具体地说,它标识任何具有id属性的div元素,该属性以(^=)字符串“image”开头,并设置当它们从(例如)锚定位时的样式 要引用MDN(其中“attr”是用于选择on的属性): [attr]表示属性名为attr的元素 [attr=value]表示属性名为attr和 其价值正是“价值” [attr~=value]表示一个元素

我找到了上面提到的代码部分,这段代码是什么意思?谢谢。

这是一个与
:target
伪类组合的示例

这将在任何元素上设置给定的样式,该元素具有传递的属性值,该属性值是锚定的目标

具体地说,它标识任何具有
id
属性的
div
元素,该属性以(
^=
)字符串“image”开头,并设置当它们从(例如)锚定位时的样式

要引用MDN(其中“attr”是用于选择on的属性):

[attr]表示属性名为attr的元素

[attr=value]表示属性名为attr和 其价值正是“价值”

[attr~=value]表示一个元素 属性名为attr,其值是以空格分隔的 单词列表,其中一个单词正好是“value”

[attr |=值] 表示属性名为attr的元素。它的价值可以是 确切地说是“值”,或者可以以“值”开头,后跟“-” (U+002D)。它可以用于语言子代码匹配

[attr^=value] 表示属性名为attr且其值为的元素 以“值”作为前缀

[attr$=value]表示具有 attr的属性名称,其值的后缀为“value”

[attr*=value]表示属性名为attr和 其值至少包含一个字符串“value”作为 子串

如您所见,可以将各种运算符与属性选择器一起使用,以确定属性值的精确性质

:target
伪类表示具有 与文档URI的片段标识符匹配的id

例子
div[id^=image]:目标{
颜色:红色;
}
这个
不是这个
这是一个与
:target
伪类组合的示例

这将在任何元素上设置给定的样式,该元素具有传递的属性值,该属性值是锚定的目标

具体地说,它标识任何具有
id
属性的
div
元素,该属性以(
^=
)字符串“image”开头,并设置当它们从(例如)锚定位时的样式

要引用MDN(其中“attr”是用于选择on的属性):

[attr]表示属性名为attr的元素

[attr=value]表示属性名为attr和 其价值正是“价值”

[attr~=value]表示一个元素 属性名为attr,其值是以空格分隔的 单词列表,其中一个单词正好是“value”

[attr |=值] 表示属性名为attr的元素。它的价值可以是 确切地说是“值”,或者可以以“值”开头,后跟“-” (U+002D)。它可以用于语言子代码匹配

[attr^=value] 表示属性名为attr且其值为的元素 以“值”作为前缀

[attr$=value]表示具有 attr的属性名称,其值的后缀为“value”

[attr*=value]表示属性名为attr和 其值至少包含一个字符串“value”作为 子串

如您所见,可以将各种运算符与属性选择器一起使用,以确定属性值的精确性质

:target
伪类表示具有 与文档URI的片段标识符匹配的id

例子
div[id^=image]:目标{
颜色:红色;
}
这个
不是这个

谢谢您的帮助。谢谢-如果您觉得这提供了答案,请不要忘记接受(单击勾号)。谢谢您的帮助。如果您觉得这提供了答案,请不要忘记接受(单击勾号)
div[id^=image]:target{
/*some styles here*/
}