селектор атрибута

[DivMan]

В учебнике написан код

[href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])

Но почему он заработает только после того, как убрать тег a?

 

http://cssdeck.com/labs/yvkzolue

[SelenIT]

По спецификации селекторов 3-го уровня, аргументом для :not может быть только простой селектор, т.е. что-то одно из селекторов по тегу, классу, псевдоклассу, атрибуту, ID либо звездочка, в кол-ве 1 шт. А тег с атрибутом — уже не простой селектор, а последовательность из 2-х простых селекторов.

 

Там же написано, что это определение изменено по сравнению с CSS2.1, где такая последовательность считалась бы простым селектором. Возможно, учебник основан на старом черновике спецификации. С точки зрения нынешнего состояния дел, в нем ошибка. Возможно, в недалеком будущем это опять изменится.

[Николя223]

никогда бы не подумал что всё это может быть так интерессно)) +

[DivMan]

По спецификации селекторов 3-го уровня, аргументом для :not может быть только простой селектор, т.е. что-то одно из селекторов по тегу, классу, псевдоклассу, атрибуту, ID либо звездочка, в кол-ве 1 шт. А тег с атрибутом — уже не простой селектор, а последовательность из 2-х простых селекторов.

 

Там же написано, что это определение изменено по сравнению с CSS2.1, где такая последовательность считалась бы простым селектором. Возможно, учебник основан на старом черновике спецификации. С точки зрения нынешнего состояния дел, в нем ошибка. Возможно, в недалеком будущем это опять изменится.

как же плохо не знать английский 

Edited June 11, 2014 by DivMan

[SelenIT]

никогда бы не подумал

Я сам удивился, до этого вопроса не задумывался о таких нюансах

 

Кстати, году в 2011-м у меня был глюк, что в какой-то из актуальных тогда Опер внезапно сработал селектор наподобие :not(.class1, .class2). Вот нашел еще более ранее упоминание подобного для Fx3. Году в прошлом-позапрошлом пытался воспроизвести — не получилось, сейчас попробовал через browserstack — аналогично. Что это было, глюк моего склероза или загадка истории?

 

 

 

плохо не знать английский

Увы... Но это поправимо!

[Николя223]

Опер внезапно сработал селектор наподобие :not(.class1, .class2)

Это доказывает моё подозрение что такой казус баг а не фича, который из за не желания переделывать - официально превратили в фичу. Так как по логике - должно работать всё, иначе это может привести к ограничениям(пусть и не большим) в разработке

Не... ну блин. Добавили черт знает сколько кода для поддержки канваса(к примеру) а вот такие менее используемые селекторы до ума довести не хотят

 

p.s мне всё равно - я :not только в jQuery использую и то раз в три месяца 

Edited June 12, 2014 by Николя223

[SelenIT]

Не уверен, сейчас пробежался по истории CSS3 Selectors — ограничение простым селектором там было с самого начала. По логике, :not(x,y) — лишь «сахарок» для :not(x):not(y), так что ограничение легко обходится и роялит лишь при борьбе за каждый байт, как в css1k.com (при экспериментах с которым я тот глюк и поймал ☺). Ну и, да, расхождение между jQuery и чистым CSS запутывает.

[Николя223]

аааа...  теперь когда вы подвели вот эту черту, всё стало на места. Я понял их логику - :not отрицательная частица  для какого то одного селектора, а не для группы. Как частица "не" в слове.

Но все же - влегкую запутали и структура из нескольких :not() подряд в моём коде ещё долго навевали бы мне мысли о костыле

Edited June 12, 2014 by Николя223