Как задать стиль для маркированного списка?

Question

[EvilScream]

Возник вопрос как задать css для списка.Мне нужно узнать как задать стиль для отдельного тега LI и для списка в целом LU, нашел в интернете много способов но ни один не помог.Я пробовал обращаться вот так .woocommerce-MyAccount-navigation ul но не помогает.

<div class="woocommerce">
<nav class="woocommerce-MyAccount-navigation">
	<ul>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--dashboard is-active">
				<a href="http://www.pumpinup.com/my-account/">Dashboard</a>
			</li>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--orders">
				<a href="http://www.pumpinup.com/my-account/orders/">Orders</a>
			</li>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--downloads">
				<a href="http://www.pumpinup.com/my-account/downloads/">Downloads</a>
			</li>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-address">
				<a href="http://www.pumpinup.com/my-account/edit-address/">Addresses</a>
			</li>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-account">
				<a href="http://www.pumpinup.com/my-account/edit-account/">Account Details</a>
			</li>
					<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--customer-logout">
				<a href="http://www.pumpinup.com/my-account/customer-logout/">Logout</a>
			</li>
			</ul>
</nav>


<div class="woocommerce-MyAccount-content">
	
<p>
	Hello <strong>Denis Frunza</strong> (not Denis Frunza? <a href="http://www.pumpinup.com/my-account/customer-logout/">Sign out</a>)</p>

<p>
	From your account dashboard you can view your <a href="http://www.pumpinup.com/my-account/orders/">recent orders</a>, manage your <a href="http://www.pumpinup.com/my-account/edit-address/">shipping and billing addresses</a> and <a href="http://www.pumpinup.com/my-account/edit-account/">edit your password and account details</a>.</p>

</div>
</div>

Answer 1

[Владислав Бойченко]

В вукомерс уже возможно определены стили, попробуйте (что очень плохо на самом деле) добавлять в конце свойства !important, например:

.woocommerce ul{margin: 0 !important; padding: 0 !important;}

Comments

[EvilScream]

Проблема в списке,потому что у меня получилось задать стили кнопкам и другим объектам

Answer 2

[Алексей Скляров]

.woocommerce-MyAccount-navigation > ul {прописываем стили с !important}
.woocommerce-MyAccount-navigation > ul > li {прописываем стили с !important}

Comments

[EvilScream]

Спасибо!

[EvilScream]

Подскажите как обратиться к определенному элементу LI ( ведь у всех есть класс я так думаю можно обратиться) Например: фон 3 элемента из списка был красного цвета

[Алексей Скляров]

EvilScream: Используйте конструкцию:

.woocommerce-MyAccount-navigation > ul > li:nth-of-type(3) {}

В данном случае будет прописываться стиль для третьего по счету li

[EvilScream]

Алексей Скляров: Спасибо вам огромное