listの黒丸を消したいです。

Question

前提・実現したいこと

模写コーディングをしているのですが、サイドバーの一般歯科の下の黒丸が消えません。
お手数ですがご教授お願いします。
見本サイト（https://haniwaman.com/sample/part3/template_08/index.html）

発生している問題

一般歯科の下の黒丸が消えない。

該当のソースコード

HTML

        <!-- --------------コンテンツ---------------- -->
         <div class="contents-wrapper">
             <div class="main">

             </div>

            
             <!-- -----------------サイドバー------------------- -->
             <div class="menu">
                 
                 <h2 class="menu-title01">一般歯科</h2>
                 <ul>
                     <li>
                         <a href="">虫歯治療</a>
                     </li>
                     <li>
                         <a href="">歯周病治療"</a>
                     </li>
                     <li>
                         <a href="">入れ歯</a>
                     </li>
                     <li>
                         <a href="">予防歯科"</a>
                     </li>
                 </ul>
             </div>

             <!-- -----------------サイドバーここまで------------------- -->


         </div>
        <!-- ----------------コンテンツエリアここまで-------------- -->

    </div>
</body>  

【CSS】

/* -------------コンテンツ----------------- */
.contents-wrapper {
max-width: 920px;
height: 696px;
margin: 0 auto;
padding: 0 auto;
}

----------------メニュー--------------
.menu {
width: 258px;
}

.menu menu-title01 {
width: 260px;
background-image: linear-gradient(
rgb(156, 227, 225) 0%,
rgb(108, 198, 196) 100%
);

**list-style: none;**

}

.menu menu-title01 ul li {
list-style: none;
width: 218px;
background: url(../images/bgListIcon01.png) no-repeat 5px center;
}

試したこと

list-style: none;を見本サイトと同じように二箇所記述しましたが、消えません。
またネットで調べたり、当サイトの該当文を見ましたがわかりません。

補足情報（FW/ツールのバージョンなど）

サイト表示はChromeで、コーディングはVScodeを使用しています。

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

Answer 1

ulにlist-style:none;を適用させることで黒丸は消すことができます。

Comments

[pontyan]

有難うございます。消えました！
見本サイトが、menu menu-title01 ul li　のような形でリストスタイルを定義していたので、ulだけの記述に気付きませんでした。。。
有難うございます。感謝です。

Answer 2

.menu menu-title01 は.menu .menu-title01 では？（他の箇所も含めてドットが抜けている）

Comments

[kei344]

ああ、.menu-title01はそもそもUL要素と関係ないか。

[pontyan]

有難うございます。ご回答のように　.　　を入れたのですが、改善されませんでした、、、

[kei344]

コメントで書いたとおり、関係ないので。

[pontyan]

はい。有難うございます。

[kei344]

.menu .menu-title01 ul はHTMLの構造と合っていないので、そもそも適用できていないですよ。
構造としては.menu ul か.menu .menu-title01 + ul かどちらかです。

[pontyan]

なるほどー！確かにどちらでも消えました。有難うございます！勉強になりました。