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>