因此，我只是在Web编程1课程中学习CSS，并且此练习正在教我们关于类选择器的知识，因此我们的老师希望我们创建一个页面，该页面具有无序列出的内容，仅列出其中一些要强调的内容。但是，当我这样做时，列表中的项目符号也会加下划线，而在他希望我们创建的页面中，项目符号不是。
我在下面包含了我的代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.underline { text-decoration: underline}
</style>
</head>
<body>
<h1> Solids </h1>
<ul>
<li class= "underline"> Tetrahedron </li>
<li> Pentahedron </li>
<li class = "underline"> Cube </li>
<li> Heptahedron </li>
<li class= "underline"> Octahedron </li>
<li class = "underline"> Dodecahedron </li>
<li class = "underline"> Icosahedron </li>
</ul>
<p> What's special about the underlined items.
</body>
</html>
最佳答案
您应该给.underline类text-decoration css属性：
li.underline{
text-decoration:underline
}
JSFIDDLE