Всем привет!
Суть вопроса такова, имеется приблизительно вот такой код:
#common > footer {
position: absolute;
background-color: transparent;
}
#common[task-run] > footer {
visibility: visible;
}
#common[first] > footer,
#common[first][task-run] > footer > #material-loader {
display: block;
width: 56px;
height: 56px;
margin-top: -28px;
margin-left: -28px;
top: 50%; left: 50%;
}
и вот такая разметка:
<body>
<div id="common">
<footer>
<div id="material-loader new">
<svg viewBox="25 25 50 50" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="20"></circle>
</svg>
</div>
</footer>
</div>
<div id="material-loader">
<svg viewBox="25 25 50 50" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="20"></circle>
</svg>
</div>
</body>
Так вот, как мне вместо того чтобы указывать на внутреннюю ноду и работать с ней, вернуться назад и задать параметры той ноде что находится в конце body ( это нужно для того чтобы небыло дубликатов, т.к. их в разметке несколько и они не убираются через display:none; а скрываются через visibility, и плюс ко всему этому условия на примере наличия аттрибутов могут быть где угодно в дочерних блоках