如何在HTML文档中使用CSS名称空间选择器？_Html_Css_Css Selectors_Namespaces_Frontend

如何在HTML文档中使用CSS名称空间选择器？

html css

如何在HTML文档中使用CSS名称空间选择器？,html,css,css-selectors,namespaces,frontend,Html,Css,Css Selectors,Namespaces,Frontend,我有一个使用名称空间的HTML文档： <!DOCTYPE html> <html lang="en" xmlns:test="http://example/test"> <head> <title>Selectors</title> <link href="selectors.css" rel="stylesheet" type="text/css" /> </head> <b

我有一个使用名称空间的

HTML

文档：

<!DOCTYPE html>
<html lang="en"
      xmlns:test="http://example/test">
<head>
    <title>Selectors</title>
    <link href="selectors.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <test:p>Hello</test:p>
</body>

</html>

由于某种原因，

测试：未选择p

元素。谁能告诉我我做错了什么，以及如何选择具有适当名称空间的元素吗？

您可以使用反斜杠来转义冒号：

test\:p {
   color:blue;
}

如果使用jQuery，则必须使用双斜杠

$('.test\\:p')

可以使用反斜杠转义冒号：

test\:p {
   color:blue;
}

如果使用jQuery，则必须使用双斜杠

$('.test\\:p')