如何将 CSS 命名空间选择器与 HTML 文档一起使用?



我有一个使用命名空间的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>

正如您在本文档中所看到的,我定义了xmlns:test="http://example/test"命名空间,然后在此处使用它:<test:p>Hello</test:p>

根据 css @namespace 选择器文档,在我的css文件中,我选择了test:p元素,如下所示:

@namespace test url("http://example/test");
test|p {
color:red;
}

由于某种原因test:p未选择该元素。任何人都可以告诉我我做错了什么以及如何选择具有适当命名空间的元素?

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

test:p {
color:blue;
}

如果你使用jQuery,你必须使用双斜杠

$('.test\:p')

最新更新