У меня есть что-то вроде этого:Invalid селектор CSS: нет()
ul.select.open li:first-child:not(li ul) a
И i'm получает предупреждение на моей консоли. Почему недействительно? Он работает для того, что я вижу на моем сайте, вот и все, я применяю стиль для первого списка дочерних списков, но не над якорями в списках дочерних элементов.
Я хочу понять, почему это недействительно, но работает в любом случае.
Это не действует, потому что в negation pseudo-class, :not(X), X должен быть простой селектор, и ul li нет. Соответствующие браузеры должны игнорировать правило с недопустимым селектором, поэтому, если правило каким-то образом работает, рассмотрите его как ошибку браузера.
Так что это не способ делать то, что я хочу, так как мне нужно применять стиль только для якорей в родительском списке, но не для дочерних, я имею в виду, если у вас есть список внутри LI. Любые идеи, я также пытался использовать>, но я не могу это получить. – rgdesign
Я ответил на вопрос, почему конструкция недействительна. Конструкция на самом деле не работает (пожалуйста, покажите демонстрацию, если вы думаете иначе), поэтому вопрос, почему она работает в любом случае, не является реальной. Если вы хотите спросить, как стиль что-то конкретное, тогда это другой вопрос. Поэтому я думаю, что вы должны принять этот ответ и задать новый вопрос с достаточной детализацией (словесное описание того, что вы хотите стилизовать, заголовок вопроса, отражающий *, что *, и образец разметки HTML, показывающий, что такое настройка на самом деле). Ответ будет сильно зависеть от конкретной структуры разметки. –
уверен, что юкка, ваш ответ прав. благодаря – rgdesign
какой браузер/версия? –
'li: first-child: not (li ul)' не имеет смысла, поскольку 'ul' никогда не может быть' li'. Я сомневаюсь, что это то, о чем браузер жалуется. – Musa
Муса, ну, я предположил: не будет применяться ни к какой li ul внутри li: first-child. Я не прав? В любом случае, как я сказал, в реальной жизни это работает, видя его на хроме, firefox, сафари .... это не проблема. – rgdesign