Как перейти к родительскому тегу или классу?

Всем привет!
Суть вопроса такова, имеется приблизительно вот такой код:
#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, и плюс ко всему этому условия на примере наличия аттрибутов могут быть где угодно в дочерних блоках
  • Вопрос задан
  • 211 просмотров
Пригласить эксперта
Ответы на вопрос 1
cashalot
@cashalot
Если я вам помог - пометьте мой ответ как решение
К родительскому в css никак не перейти. Но можно перейти к сестре, в данном случае к #material-loader:
#common + #material-loader {
display: none;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы