CSS选择器指向包含嵌套列表的目标列表项



在此HTML中:

<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four
<ol>
<li>Us</li>
<li>They
<ol>
<li>Monkey</li>
<li>Cat</li>
<li>Elephant</li>
<li>Dos</li>
</ol>
</li>
<li>You</li>
<li>She</li>
</ol>
</li>
</ol>

如何针对那些包含嵌套列表的列表项?在这个特定的例子中,我如何将单词"四个"one_answers"它们"作为列表项的目标?

由于html会不断变化,我正在寻找一个不依赖于类或其他方法的选项,这些方法要求我更改html以使其风格化

是否可以在不接触HTML的情况下瞄准论文列表项目在我看来,这可能很难/不可能,因为没有CSS父选择器。有什么想法吗?

您只需向列表中的特定项目添加一个id或向列表中项目组添加一个类并不难,这取决于您想要修改的内容。示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ol class = "list">
<li id = "one">One</li>
<li id = "two">Two</li>
<li id = "three">Three</li>
<li id = "four">Four</li>
</ol>
</body>
</html>

现在,在你的css文件中,你只需要对你想要的样式进行targe。如果它是一个id,你必须使用一个""id的名称类似于:";。一个";或者如果是一个类,则必须使用"#"像这样:"#列表";

最新更新