Как выбрать родительский родительский элемент в CSS?

Question

<div id="maincontent"> 
    <div id="content"> 
     <div id="admin"></div> 
    </div> 
</div> 

Возможно ли иметь правило, которое будет соответствовать #maincontent, только если #admin существует только с помощью CSS?

Просто у меня цвет фона на панели управления, но вы не хотите, чтобы он был для посетителей.

Answer 1

Нет, не с помощью CSS. Кроме того, вы можете использовать просмотр компилятора класса CSS для администратора. Таким образом, для админа

<div id="maincontent" class="adminBackground"> 
    <div id="content"> 
     <div id="admin"></div> 
    </div> 
</div> 

И для обычных посетителей (обратите внимание, что класс = "adminBackground" атрибут удаляется):

<div id="maincontent"> 
    <div id="content"> 
     <div id="admin"></div> 
    </div> 
</div> 

Затем определить роль этого класса "adminBackground":

.adminBackground { 
    background: #AAAAAA; 
} 

Answer 2

К сожалению, в CSS нет родительского селектора.

Для этого вам нужно будет использовать javascript, чтобы сделать это на клиенте.

Answer 3

К сожалению, вы не можете настроить таргетинг на родительский элемент только с помощью селекторов css. Вам нужно будет сделать это, используя Javascript или jQuery. Вот два примера того, как добиться того, что вы хотите использовать как javascript, так и jQuery. не

Вот как в javscript:

if (document.getElementById("admin") != null) { // if there is a node with "admin" as ID 
    document.getElementById("maincontent").style.backgroundColor = "#000"; // changes the background to black 
} 

Вот как в JQuery:

if ($("#admin").size() === 1) { // if there is a node with "admin" as ID 
    $("#maincontent").css("background-color", "#000"); // changes the background to black 
} 

Answer 4

Выбор родительского элемента? ну вы можете с css4!

$#maincontent #admin { 
    background:hotpink; 
} 

Который работает .. в .. гммм .. чч ...

Однако с удивительным JQuery сценарий, да, сэр вы можете!

cssParentSelector.js

Если вы любите CSS это должно стать абсолютным инструментом во многих ситуациях