Css при выборе href внутри li с чем-то вроде h3 ~ ol > li a,,, не работает ⇐ Html

[Anonymous]

Я использую старый список с селекторами href и css. Я могу стилизовать старый список без ссылок href, и он работает нормально, см. кодировку этой ссылки.
Теперь, если я вставляю ссылки href, стиль не применяется, см. ссылку кода, например
Я хотел бы применить этот селектор

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

h3 ~ ol > li{
color:brown;
}

для работы с li, в котором есть ссылки
что-то вроде

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

h3 ~ ol > li a{
color:brown;
}

полный HTML

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

/*

*/

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

/* default */
a:link {
text-decoration: none;
color: grey;
}

a:visited {
text-decoration: none;
color: grey;
}

a:hover {
text-decoration: underline;
color: grey;
}

a:active {
text-decoration: none;
color: grey;
}

div.card1 {
margin: 2rem 8rem;
}

h3 {
padding: 1rem;
}

ol {
list-style-type: none;
}

ol ol {
margin-left: 1%;
margin-bottom: 0.75%;
}

ol ol li {
margin-left: 3%;
line-height: 1.5;
font-size: 110%;
}

ol ol ol {
margin-left: 2%;
}

ol li:nth-child(2) {
/*         color:lime; */
}

h3~ol>li {
color: brown;
}

h3~ol>li a {
/* not working */
color: brown;
}

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

[list]
ol H3 Title PART 1

[*]ol li title part 1 1

[*][url=#]ol ol li li title part 1 1 1[/url]
[*]ol ol li li title part 1 1 2
[*]ol ol li li title part 1 1 3
[*]ol ol li li title part 1 1 4
[/list]


[list]
[*][url=#]ol li title part 1 2[/url]

[*]ol ol li li title part 1 2 1
[*]ol ol li li title part 1 2 2
[*]ol ol li li title part 1 2 3
[/list]






[list]
ol H3 Title PART 2

[*][url=#]ol ol li title part 2 1[/url]

[*]ol ol li li title part 2 1 1
[*]ol ol li li title part 2 1 2
[*]ol ol li li title part 2 1 3
[*]ol ol li li title part 2 1 4
[/list]


[list]
[*]ol ol li title part 2 2

[*]ol ol li li title part 2 2 1
[*]ol ol li li title part 2 2 2
[*]ol ol li li title part 2 2 3
[/list]






[list]
ol H3 Title PART 3

[*][url=#]ol ol li title part 3 1[/url]

[*]ol ol li li title part 3 1 1
[*]ol ol li li title part 3 1 2
[*]ol ol li li title part 3 1 3
[*]ol ol li li title part 3 1 4
[/list]

От этого так квест и использование

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

  ol ol > li:has(a){
color:lime;
}

Я получаю все li, которые мне не нужны, но я все еще не знаю, как получить доступ к li, которые мне нужны, поскольку у них тоже есть ссылки... так куда повернуть?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ot-working