Сложный селектор

12
djdiplomat
На сайте с 05.08.2009
Offline
136
890

Помогите составить правильный селекотор. (без использования js, на чистом css) Мне нужно:

"Выбрать все элементы td у которых id не равен prev или next, и при этом есть дочерний элемент a"

Наткнулся на это https://toster.ru/q/105311 , но тут чутка иная задача. Пробовал адаптировать ее так:


td:not([id=prev],[id=next]), td:a:only-child {background: red !important; /*подсветить элементы */}

но сам вижу, что явно делаю не так... а как?

Прошу помочь...

dma84
На сайте с 21.04.2009
Offline
168
#1

td:not([id=prev],[id=next]) > a:only-child {background: red !important; /*подсветить элементы */}

Через запятую вы обращаетесь уже к другому элементу.

td:a:only-child - вообще фантастика

djdiplomat
На сайте с 05.08.2009
Offline
136
#2

Я не спорю, что я там бред написал. Вот только пример, который вы привели, задачи тоже не решает((

Может еще есть какие-то идеи?

D
На сайте с 16.08.2009
Offline
219
#3
djdiplomat:
td:not([id=prev],[id=next])

Группировать нельзя. Правильно:

td:not([id=prev]):not([id=next])
ДП
На сайте с 23.11.2009
Offline
203
#4

Насколько я в курсе, в css нельзя завязаться на дочерний элемент.

dma84
На сайте с 21.04.2009
Offline
168
#5
Дикий пионер:
Насколько я в курсе, в css нельзя завязаться на дочерний элемент.

В CSS3 нельзя

ДП
На сайте с 23.11.2009
Offline
203
#6

А в каком-то можно? Я просто не в курсе, не верстальщик. поэтому за всеми новинками не слежу.

D
На сайте с 27.10.2015
Offline
12
#7

td:not(#prev):not(#next) > a {background: red !important; /*подсветить элементы */}

по идеи подсветит все td у которых id не равен prev или next и есть дочерний элемент а

W
На сайте с 18.09.2006
Offline
86
#8
dunerunner:
td:not(#prev):not(#next) > a {background: red !important; /*подсветить элементы */}
по идеи подсветит все td у которых id не равен prev или next и есть дочерний элемент а

Почти верно , только подсветит он не TD а только A сама же TD не будет красной, до нее таким образом не достучаться.

djdiplomat, возможно если вы приведете более конкретный пример верстки, то получится решить каким то другим способом, на сколько я могу сутить по ID это у вас постраничная разбивка, поправте если я что -то упустил https://jsfiddle.net/pe5p66n5/

D
На сайте с 14.01.2007
Offline
153
#9

djdiplomat, а у вашей задачи есть какое-нибудь практическое применение, не связанное со спортивным программированием?

W
На сайте с 09.04.2013
Offline
46
#10

Могу предложить такой вариант - https://jsfiddle.net/xqhv2vqw/ .

Если четко по ТЗ

djdiplomat:
"Выбрать все элементы td у которых id не равен prev или next, и при этом есть дочерний элемент a"

то только javascript

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий