Html 使用css获取元素而不使用任何AtterBute_Html_Css_Dom

Html 使用css获取元素而不使用任何AtterBute

html css dom

Html 使用css获取元素而不使用任何AtterBute,html,css,dom,Html,Css,Dom,我尝试了它们，但它们不起作用。使用类型选择器的：n 文章：第n种类型（2）{ 背景：红色； } 第条：第n类（5）{ 颜色：蓝色；字体大小：粗体； } 首先第二第三第四第五第六非常感谢。它正在工作！这就是我一直在寻找的东西。很好的解决方案。再次感谢！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor

我尝试了它们，但它们不起作用。

使用类型选择器的

：n

文章：第n种类型（2）{
背景：红色；
}
第条：第n类（5）{
颜色：蓝色；
字体大小：粗体；
}
首先
第二
第三
第四
第五
第六非常感谢。它正在工作！这就是我一直在寻找的东西。很好的解决方案。再次感谢！
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Test 2</title>
    <link href="./test2.css" rel="stylesheet" />
</head>
<body>
<article>First</article>
<article>Second</article>
<article>Third</article>
<article>Fourth</article>
</body>
</html>

article[value = 'First'] {
    color: red;
}

article:text('First'){
    color: red
}

article[text$="Second"]{
    color: red
}