[Freetoplay]

Доброго времени суток.

Собственно, вопрос в заголовке. В css для всех тегов <ul> задано вот такое оформление:

Код:

	ul, ol { margin: 0 0 1.5em 3em;}

Но это оформление срабатывает не только в статьях, но и везде, в том числе и в виджетах. Собсно, для виджетов css таково:

Код:

.widget ul { /* Unordered lists inside widgets */
}
.widget ul li { /* Unordered list items inside widgets */
	border-top: 1px solid #e5e5e5;
	list-style: none;
}
.widget ul li a{
	font-size: 13px;
	display: block;
	padding: 10px 0 10px 15px;
}
.widget ul li:hover > a{
	color: #f4f4f4;
	background-color:#669900;
}

Как убрать вышеописанное форматирование { margin: 0 0 1.5em 3em;} и добавить свое, к примеру, "margin-left: 5px;margin-bottom: 5px;". Прописывал с !important; но не помогает.

Заранее благодарю.

[Dvoryashin]

можно принудительно в виджете писать

Код HTML:

<ul style="margin-left: 5px;margin-bottom: 5px;">...</ul>

[Fktrctq]

.widget ul { margin-left: 5px;margin-bottom: 5px}

[cOAPerator]

Freetoplay, Почитайте про приоритеры селекторов внимательно. Судя по вопросу Вы совсем не понимаете или вообще не знаете про приоритет селекторов.
В вашем случае ul, ol имеет больший приоритет чем классы.
Вариантов решения три: переопределить в нисходящем селекторе, не задавать для селектора с более высоким приоритетом стили, либо использовать !important.
Вам подойдет 1 и 3варианты, но третий не рекомендуется, потому что будете много использовать повышение приоритета - запутаетесь окончательно.