Stylizowanie list

pytanie zadane 2 marca 2017 w Nasze projekty przez mikolaj Nowicjusz (140 p.)

Cześć, mam pytanie. Czy mógłby ktoś powiedzieć co jest źle zrobione; dlaczego nadal wyświetla kropy listy ul mimo iż w css zmieniam wygląd punktowania? Tutaj jest fragment css. Niby robię tak samo jak tutaj: https://youtu.be/-5Tn5CYPT5k?t=51m46s ale nie ma takiego samego efektu :( Z góry dziękuję za pomoc.

ol > li > ul > li:before
{
	color: #485b3b;
	content: "⚠";
	margin-right: 5px;
}

Podam cały kod na wszelki wypadek css i html:

Html:

<!DOCTYPE html>
<!-- saved from url=(0043)file:///D:/html/trzecia%20strona/index.html -->
<html lang="pl"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>Monitory</title>
	<meta name="description" content="Monitory">
	<meta name="keywords" content="film, kino, najlepsze filmy, top filmy">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin-ext" rel="stylesheet">
	
</head>

<body>
	<div id="logo">Wykład #1 Monitory komputerowe</div>
	<div id="container">
		
		<div id="spis">
		
		<ol>
			<li>
			
				Monitory kineskopowe CRT
					<ul>
						<li>Budowa monitora</li>
						<li>Zasada działania</li>
						<li>Maska. Rodzaje masek</li>
						<li>Wady i zalety</li>
						<li>Dobór parametrów</li>
					</ul>
			</li>
			<li>
				Monitory ciekłokrystaliczne LCD
					<ul>
						<li>Budowa monitora</li>
						<li>Zasada działania</li>
						<li>Podział matryc</li>
						<li>Wady i zalety</li>
						<li>Dobór parametrów</li>
					</ul>				
			</li>
			
			<li>
				Sposoby podłączenia monitorów
					<ul>
						<li>DSUB</li>
						<li>DVI</li>
						<li>HDMI, Display Port</li>
					</ul>
			</li>
			<li>
				Dodatkowe informacje
					<ul>
						<li>Przyszłość monitorów i wyświetlaczy</li>
						<li>Wykorzystane źródła</li>
					</ul>
			</li>
		</ol>
		
		</div>
		
	</div>

</body>
</html>

i css:

body
{
	background-image: url("img/tlo.png");
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}

#logo
{
	width: 100%;
	height: 50px;
	background-color: #485b3b;
	font-size: 36px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;
	letter-spacing: 3px;
	border-bottom: 2px solid #33402a;
	text-shadow: 
	2px 2px 0 #33402a,
	-2px 2px 0 #33402a,
	-2px -2px 0 #33402a,
	2px -2px 0 #33402a;
	
}

#container
{
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	width: 878px;
	padding: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#spis
{
	width: 880px;
}

ol 
{
	margin-top: 5px;
}

ol > li 
{
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 5px;
	letter-spacing: 3px;
}

ol > li > ul
{
	font-size: 18px;
	text-transform: none;
	font-weight: 400;
	padding: 0px;
	letter-spacing: 0px;
	margin-top: 5px;
	margin-left: 30px;
	list-style-type: disc;
}

ol > li > ul > li
{
	margin: 0px; 
	
}
ol > li > ul > li:before
{
	color: #485b3b;
	content: "⚠";
	margin-right: 5px;
}