Styl dekoracji listy z linkiem.

Question

Witam. Może pytanie nie jest związane z ostatnim filmem na YT pana Mirosława, ale mam problem a raczej dziwną sytuację któej nie pojmuje. 
Mam listę w której są linki oraz zwykły tekst. Chciałem aby tylko na liście w której są linki zniknęły ozdobne kropki na początku. Działa to dobrze jeżeli użyję classy. Ale jeżęli użyję formułki. 
 

li > .link{
	list-style-type: none;
	text-decoration: none;
	color: black;
}

 

To na stronie działa zmiana koloru, brak podkreślenia, ale kropka na początku zostaje, chociaż po zbadaniu strony list-style-type znika, ale nie widać tego na faktycznej stronie. 

Tak to wygląda po zbadaniu strony: 

li > .link {

1. list-style-type: none;
2. text-decoration: none;
3. color: black;

}

I jeszcze fragment HTML, jeżeli to coś pomoże. 

		<nav>
			<ul>
				<li >Pierwszy link</li>
				<li >Drugi link</li>
				<li >Trzeci link</li>
			</ul>
			<ul id="linki">
				<li><a class="link" href="http://www.onet.pl">Onet dot pl</a></li>
				<li><a class="link" href="http://www.wp.pl">WP dot pl</a></li>
			</ul>
		</nav>

To jest jakiś mój problem? Skoro wszystkie inne rzeczy przejmuje jedynie zostanie kropka. Wiadomo, mogę to inaczej zrobić, tylko czemu ten sposób nie działa w pełni. Z góry dzięki za odpowiedz ;)  

Answer 1

nie wiem czy ci o to dokładnie chodziło ale zobacz https://jsfiddle.net/vbxh0mr5/7/

Answer 2

Dodaj

list-style-type: none;

do #linki lub ul {}

Answer 3

Czyli to w tej formie co ja mam nie ma prawda działać? Musze zrobić to bardziej standardowo? Bo trochę dziwne że wszystko inne się zmienia prócz tych kropek od listy.

Comments

Argument "list-style-type" działa tylko dla <ul> ponieważ to on dodaje kropki, a nie <li>.

---

poprawiłem swoja odpowiedz wyżej sprawdź czy o to ci chodziło https://jsfiddle.net/vbxh0mr5/11/

---

Ok to może mieć sens w moim wypadku.

Answer 4

Ok dzięki wielkie, bardziej mi chodziło o pokazanie co robię źle w tym kodzie, i czy ma prawo on działać. Bo alternatywne sposoby znam. Dzięki wielkie za szybką odpowiedz. Finalnie zrobiłem to w ten sposób. 

 

ul#linki{
	list-style-type: none;
}

li > .link {
	color: black;
	text-decoration: none;
}