リストマークを削除したいです

lang
1<nav>
2<ul>
3<li><a href="index.html">トップ</a></li>
4<li><a href="news.html">お知らせ</a></li>
5<li><a href="about.html">工房について</a></li>
6<li><a href="contact.html">お問い合わせ</a></li>
7</ul>
8</nav>

に対して

lang
1nav ul{list-style-type:none}

と書いていますが、リスト前の黒丸が消えません。

なかなか分からないので
間違っているところを教えてください。

行動規範の内容に同意します

回答3件

記述は正しいと思います。
下記の記述だと黒丸がちゃんと消えてます。

lang
1<!doctype html>
2<html>
3<head>
4<meta charset="UTF-8">
5<title>test</title>
6<style type="text/css">
7nav ul{list-style-type:none}
8</style>
9</head>
10<body>
11<nav>
12<ul>
13<li><a href="index.html">トップ</a></li>
14<li><a href="news.html">お知らせ</a></li>
15<li><a href="about.html">工房について</a></li>
16<li><a href="contact.html">お問い合わせ</a></li>
17</ul>
18</nav>
19</body>
20</html>

考えられる理由は、下記の2つかなと思います。

1.CSSを記述したあとにページの更新をしていないため、スタイルが適用される前の表示になっている。

2.CSSを正しく読み込んでいない。外部スタイルシートを読み込む記述が間違っているため、スタイルが適用されないなど。例えば文字の色を変えるスタイルを記述して、正しく文字の色が変わるか確認すればわかると思います。

投稿2015/05/06 12:46

退会済みユーザー

総合スコア0

こんにちは。
以下のみで確認しましたが消えました。（Windows8.1 IE11、Chrome）
ブラウザは何を使用されてますか？

lang
1<!DOCTYPE html>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8" />
5		<title></title>
6		<link rel="stylesheet" type="text/css" href="style.css" />
7	</head>
8	<body>
9		<nav>
10			<ul>
11				<li><a href="index.html">トップ</a></li>
12				<li><a href="news.html">お知らせ</a></li>
13				<li><a href="about.html">工房について</a></li>
14				<li><a href="contact.html">お問い合わせ</a></li>
15			</ul>
16		</nav>
17	</body>
18</html>