HTMLのulタグで表示される「・」を消したい
ネットで調べて下記二通りを試しましたが消せませんでした。
１．HTMLで<ul class="doterase">とし、CSSで
.doterase li {
list-style: none;
}
とした。HTMLでClass="doterase"としているのにCSSで.doteraseと先頭に「.」を追加した理由は
判りません。
２．HTMLでulタグに
<ul style="list-style: none;">としても同じでした。
HTML,CSSのコードは下記のとおりです。
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>日本の将来る</title>
<meta name="discriptio" content="八十路の提言">
<link rel="stylesheet" href="homestyle.css">
</head>
<body>
<h1><center>日本の将来</center></h1>
<h2><center>八十路の提言</center></h2>
</body>
<ul >
<li>
<a href="https://google.co.jp">aaaa</a>
</li>
<li>
<a href="https://google.co.jp">bbbb</a>
</li>
<li>
<a href="https://google.co.jp">cccc</a>
</li>
</ul>
<div style="border: 3px none;">
枠線を実線で装飾１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１
</div>
</html>
CSS
@charset "UTF-8" ;
body {
background-color : #adcc33;
font-size: 40px;
width: 200;
height:200;
position: relative; /* 日本の将来に期待する */
top: 10px; /* 上から10px */
p {
font-size: 40px;
}
<style>
.doterase li {
list-style: none;
}
</style>
<ul class="doterase">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
li {
color: #000000;
font-size:30px
}
参考書を理解しないままコピペでつくっています。HTML/CSSは最近始めたばかりなので超初心者です。よろしくお願いいたします。Windows11なのでHTML,CSS.共最新バージョンだと思います。
なお、これと同じ内容で他のQ&Aサイトに投稿しましたが質問の仕方が拙かったようで内容の訂正でなく取り消し後再質問したら回答がなくなったためこちらに質問しています。
お礼
ありがとうございました。