CSS не меняет цвет ссылок. Как поменять цвет ссылки?

Question

[War4]

Верстаю макет. Сделал навигацию, но по макету надо поменять цвет ссылок и сделать чтобы при наведении цвет менялся и появлялся фон(с этим я справился). Но цвет не меняется. Ещё не работает text-decoration:none;

HTML

<header class = "welcome">
	
		<div class = "navigation">
			<p class = "nav-item"><a href = "#">Home</p></a>
			<p class = "nav-item"><a href = "#">About</p></a>
			<p class = "nav-item"><a href = "#">Work</p></a>
			<p class = "nav-item"><a href = "#">Blog</p></a>
			<p class = "nav-item"><a href = "#">Contact</p></a>
		</div>
     </header>

CSS

.welcome{
	width:100%;
	height:100vh;
	background:url("../image/welcome_01.jpg");
	margin:0px;
	padding:0px;
}

.navigation{
	justify-content:right;
	display:flex;
	align-item:right;
	color:#fff;
	text-decoration:none;
	padding-left:200px;
	padding:60px;
}

.nav-item{
	font-family: 'Titillium Web',sans-serif;
	font-weight:regular;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	display:inline-block;
	padding:10px;
	
}

.nav-item:hover{
	font-family: 'Titillium Web',sans-serif;
	font-weight:regular;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background:black;
	border-radius:10px;
}

Answer 1

[makboriska]

.nav-item a - поменяй для обычного состояния (добавить просто тег а)
.nav-item a:hover - для наведения соответственно

Answer 2

[ZubaZ]

По-моему, ты не сменил хештег цвета в событии

Comments

[War4]

сменил

Answer 3

[Наглая Морда]

а ничего, что у .nav-item и .nav-tem:hover одинаковый цвет прописан?

Comments

[War4]

Ой, спасибо больше. Но все равно ничего не поменялось. Цвета не применились.