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*/
}