Как сделать вложенный список НЕ наследующим стиль его родителей ⇐ CSS

[Anonymous]

Код: Выделить всё

.filestab ul li {
display: block;
padding-right: 16px;
padding-left: 5px;
width: calc(100% - 1px);
height: 20px;
text-align: left;
font-family: "w95a";
font-size: 12px;
}
.filestab ul li:hover {
background-color: #00007b;
color: #fff;
}
.filestab ul li a {
color: #0000ff;
}
.filestab ul li:hover a {
color: grey;
}

Код: Выделить всё

[u]C[/u]lick Me!
[list]
[*]I'm an example submenu!
[*]Example
[*][url=#]Example with link[/url]
[*]Example

[img]https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/right%20arrow.png[/img]


[url=#]Example with link[/url]
[*]Example
[*]
[img]https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/paint%2016x16.gif[/img]
Example
[/list]

[*]Example


[*]Example
[*]Example
[*]Example
[*]Example

На моей странице есть несколько вложенных списков, и я возникла проблема с их стилизацией так, как я хочу. При наведении курсора на каждый элемент списка я хочу, чтобы фон элемента был цветным, а текст менялся с черного на белый или с синего на белый в зависимости от того, является ли это ссылкой или нет. Я могу заставить это работать нормально, но я НЕ хочу, чтобы родительский элемент подменю выделял ВСЕ ссылки внутри него, когда родительский элемент наведен на него. Например, предположим, что у меня есть элемент списка под названием «дом», который открывает подсписок внутри него. Я бы хотел, чтобы «домой» менял текст и цвет фона при наведении курсора, но происходит то, что каждая отдельная ссылка в подменю изменяется при наведении курсора на «домой». Я знаю, почему это происходит, но я хочу знать, как это остановить. Я попробовал закрыть тег начальных списков, но это неправильный способ, и в любом случае это портит стиль списков. Могу ли я вообще добиться того, чего хочу? Я заметил, что это происходит только в том случае, если начало вложенной ссылки является ссылкой. Ниже приведен фрагмент списков, с которыми я пытаюсь работать. (Я изменил наведение ссылки на серый, чтобы вы могли видеть, о чем я говорю.)

Код: Выделить всё

.filestab ul li {
display: block;
padding-right: 16px;
padding-left: 5px;
width: calc(100% - 1px);
height: 20px;
text-align: left;
font-family: "w95a";
font-size: 12px;
}
.filestab ul li:hover {
background-color: #00007b;
color: #fff;
}
.filestab ul li a {
color: #0000ff;
}
.filestab ul li:hover a {
color: #fff;
}

Код: Выделить всё

C[/u]lick Me!
[list]
[*]I'm an example submenu!
[*]Example
[*][url=#]Example with link[/url]
[*]Example

[img]https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/right%20arrow.png[/img]


[url=#]Example with link[/url]
[*]Example
[*]
[img]https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/paint%2016x16.gif[/img]
Example
[/list]

[*]Example


[*]Example
[*]Example
[*]Example
[*]Example

Я пробовал почти все способы стилизации списков и ссылок, которые только мог придумать, и НИЧЕГО не помогло

Подробнее здесь: https://stackoverflow.com/questions/790 ... ts-styling