CSS inested: not() selector

Я хочу применить набор правил css ко всем (одним) спискам в моем #content div, но этим НЕ НЕ МОЖЕТ повлиять на (два) списка в дополнительном div.CSS inested: not() selector

<!DOCTYPE> 
<html> 
    <head> 
     <style> 
     #content *:not(div) ul {list-style:none;} 
     </style> 
    </head> 
    <body> 
     <div id="content"> 
      <ul> 
       <li>One</li> 
      </ul> 
      <div> 
       <ul> 
        <li>Two</li> 
       </ul> 
      </div> 
     </div> 
    </body> 
</html>

источник

2016-03-09 Paul

Для этого конкретного сценария можно использовать

#content > ul {list-style:none;}

Это будет предназначаться прямых потомков из #content элемента

источник

2016-03-09 01:21:36

спасибо, я полностью забыл об этом. Но любая идея, почему: not() не работает? – Paul

@Paul ': not()' не будет работать, потому что он подразумевает другой элемент между '# content' и' ul', который не является 'div'. Это эквивалентно '#content *: not (div) ul', а' * 'в нем должно соответствовать чему-то действительному –

Я понимаю. Это подразумевает *: not (div), поэтому, если первый div был окружен пролетом, он будет работать. – Paul

Вы, вероятно, хотите "child" or "descendent" selector, который соответствует только те элементы, на правой справа от селектора >, являющиеся непосредственными потомками элементов, соответствующих левых. Если я вас правильно понял вы хотите:

#content > ul { list-style: none; }

источник

2016-03-09 01:21:33

спасибо, я совсем забыл вон тот. Но любая идея, почему: not() не работает? – Paul

CSS inested: not() selector

ответ

Смежные вопросы