wordpressでliタグの黒ぽちを消したい

Question

wordpress の<li>タグを使うときに一番左に黒ぽち（・）が出るのを消したいんですが
list-style-type:none;
としても消えません…

<ul>タグにクラスを指定し、その中の<li>タグに上記のことをしたいです。

<ul class="change">
 <li>aaa</li>
 <li>bbb</li>
 <li>ccc</li>
</ul>

ul.change li{  /*  //changeクラスの中の<li>タグのだけ適用*/
 list-style-type: none;
}

Comments

[akihiro3]

cssのコメントアウトの方法が違いますが「//」はteratailに投稿する時に記述したのですよね？

[akihiro3]

先に回答としてありました。失礼しました。

[shim1]

あー、すいません。そうです！実際には書いておりません。。

[yoshinavi]

HTMLの各タグに、どのCSSが適用されているかどうかは、Googleデベロッパーツール等で調べれるので、確認してみてください。

Answer 1

他のcssが優先して効いてないですか？
下記で確認してみてください

list-style-type:none !important;

Answer 2

/*               ↓ これではコメントにならずにエラーになる（無視される） */
ul.change li{/*  //changeクラスの中の<li>タグのだけ適用*/
 list-style-type: none;
}

【CSSのコメントアウトの書き方 | monopocket blog】
http://monopocket.jp/blog/css/1278/

【コメント - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/Comments

Comments

[shim1]

あ～すいません。実際には書いておりません。
修正しますね。ありがとうございます。

Answer 3

.change, .change li {
  list-style: none!important;
}

Answer 4

ul.change > li{
 list-style-type: none;
}

他のCSSが優先されていると思うので上記のようなコードや
他にも「セレクター結合子」というのがあるので調べてみてもいいかもですね