From de46c05704ca7c867ae6002cb4339b334ccb7129 Mon Sep 17 00:00:00 2001 From: Pavel Khudyakov Date: Sat, 27 Oct 2012 20:56:20 +0600 Subject: [PATCH 1/2] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D0=B5?= =?UTF-8?q?=D0=B5=20=D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5=20=E2=84=96?= =?UTF-8?q?2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Можно начать выкидывать куски Самого длинного селектора, убирая дочерность, получится довольного много всего. Но надо ли?.. Если надо - сделаю :) --- dz2_Khudyakov.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 dz2_Khudyakov.md diff --git a/dz2_Khudyakov.md b/dz2_Khudyakov.md new file mode 100644 index 0000000..b9c26ab --- /dev/null +++ b/dz2_Khudyakov.md @@ -0,0 +1,26 @@ +# Домашнее задание №2 + +Мною был выбран элемент из примера: картинка «Бухгалтерия Онлайн» с сайта СКБ-Контура. Выбрал его, чтобы можно было посоревноваться на длинный и короткий селекторы — наверняка не я один буду его рассматривать :) + +## Самый длинный селектор + +* `html[xmlns="http://www.w3.org/1999/xhtml"] > head + body > div.main > div.head-block + div.menu-and-search + div.index > div.left-part- > div.b-slides.image-rounder-white + script[type="text/javascript"] + div.concepts.concepts__main + div.ad + div.left-part > div.left-col- + div.right-col- > div.news.fresh-news + div.buhonline-block > a[href="http://www.buhonline.ru"][target="_blank"] > img[src="/theme/ver-1603233632/images/buhonline-logo.gif"][alt="Бухгалтерия Онлайн"][title="Бухгалтерия Онлайн"]` + +## Самый короткий селектор + +* `img[alt$=н]` + +## Так же уникальны: + +* `div + div > div + div > a > img` +* `.buhonline-block img` +* `.right-col- img` +* `.right-col- a img` +* `.right-col- a > img` +* … + +Остальные приходящие на ум селекторы либо повторяют части самого длинного селектора, либо используют уже продемонстрированные подходы (такие как: исползование контекстных селекторов, соседних/дочерних селекторов и селекторов атрибутов). + +## Фан + +Ради фана [сделал страничку](http://axlerk.com/lab/cripi/wd-dz02/ "длинный селектор") демонстрирующую "путь" длинного селектора. \ No newline at end of file From 29d4eabeaa857eeeebc61eeae2fa8a2d9d25c0e3 Mon Sep 17 00:00:00 2001 From: Pavel Khudyakov Date: Mon, 29 Oct 2012 21:56:50 +0600 Subject: [PATCH 2/2] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=BA=D1=82?= =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=B2=D0=B0=D0=BB=20:nth-child?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dz2_Khudyakov.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/dz2_Khudyakov.md b/dz2_Khudyakov.md index b9c26ab..f4ed541 100644 --- a/dz2_Khudyakov.md +++ b/dz2_Khudyakov.md @@ -23,4 +23,13 @@ ## Фан -Ради фана [сделал страничку](http://axlerk.com/lab/cripi/wd-dz02/ "длинный селектор") демонстрирующую "путь" длинного селектора. \ No newline at end of file +Ради фана [сделал страничку](http://axlerk.com/lab/cripi/wd-dz02/ "длинный селектор") демонстрирующую "путь" длинного селектора. + +## Добавлено +### Длинный селектор 2: теперь ещё более длинный (на вкус как "орбит :nth-child") + +* `html[xmlns="http://www.w3.org/1999/xhtml"] :nth-child(-2n+1) + :nth-child(-2n+2) > :nth-child(-2n+1) > :nth-child(-2n+1) + :nth-child(-2n+2) + :nth-child(-3n+3) > :nth-child(-2n+1) > div.b-slides.image-rounder-white + script[type="text/javascript"] + div.concepts.concepts__main + :nth-child(-4n+4) + :nth-child(2n+5) > :nth-child(-2n+1) + :nth-child(-2n+2) > div.news.fresh-news + div.buhonline-block > a[href="http://www.buhonline.ru"][target="_blank"] > img[src="/theme/ver-1603233632/images/buhonline-logo.gif"][alt="Бухгалтерия Онлайн"][title="Бухгалтерия Онлайн"]` +* `html :nth-child(-2n+2) > :nth-child(7n+1) > :nth-child(-3n+3) > :nth-child(5n+1) > :nth-child(-7n+5) > :nth-child(2n+2) > :nth-child(-2n+2) > :nth-child(10n+1) > :nth-child(-10n+1)` +* `.main :nth-child(5n-2) .left-part- :nth-child(7n-2) .right-col- :nth-child(2n) a :nth-child(1)` +* `.right-col- :last-child a :first-child` +* … \ No newline at end of file