index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf8">
<title>はじめてのCSS</title>
<meta name="description" content="初めてCSSを勉強するサイトです。">
<link rel="stylesheet" href="style.css">
</head>
<body>
<ul>
<li><a href="https://google.com" target="new">Google</p></li>
<li><a href="https://www.yahoo.co.jp" target="new">Yahoo</p></li>
<li><a href="https://www.apple.com" target="new">Apple</p></li>
</ul>
<h2>習い事ランキング</h2>
<ol>
<li>プログラミング</li>
<li>水泳</li>
<li>サッカー</li>
</ol>
<h2>学校の授業</h2>
<ul>
<li>国語</li>
<li>算数</li>
<li>理科</li>
<li>社会</li>
</ul>
</body>
</html>
style.css
ol li:first-child {
color: red;
}
ul li:last-child {
color: blue;
}