od_lazio Posted November 10, 2009 Report Share Posted November 10, 2009 Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются? Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted November 10, 2009 Report Share Posted November 10, 2009 Может они:?https://developer.mozilla.org/en/CSS/:nth-childhttp://www.quirksmode.org/css/nthchild.htmlhttp://www.w3.org/TR/css3-selectors/#structural-pseudos Quote Link to comment Share on other sites More sharing options...
0 od_lazio Posted November 10, 2009 Author Report Share Posted November 10, 2009 Может они:?https://developer.mozilla.org/en/CSS/:nth-childhttp://www.quirksmode.org/css/nthchild.htmlhttp://www.w3.org/TR/css3-selectors/#structural-pseudosспасибо, разобрался Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted November 10, 2009 Report Share Posted November 10, 2009 спасибо, разобралсяНу а теперь мне по нашему объясни, что это такое, а то я сам то не вчитывался Quote Link to comment Share on other sites More sharing options...
0 Latro Posted June 11, 2010 Report Share Posted June 11, 2010 (edited) ну так как работают эти фильтры, я всё понять не могу??? Edited June 11, 2010 by Latro Quote Link to comment Share on other sites More sharing options...
0 s0rr0w Posted June 11, 2010 Report Share Posted June 11, 2010 ну так как работают эти фильтры, я всё понять не могу???Что не понятно? У тебя есть одноуровневый список элементов. Неважно каких. :nth-child выберет любой элемент из этого списка по формуле an+b и присвоит ему нужный стиль.Например, твоя формула 4n, итерация начинается с 0, то 4*0 = 0. Такого элемента нет в списке, поэтому применять стили не к чему. Следующий элемент - 4й, потом 8й и так далее.Если твоя формула 2n+1, то на 0й итерации применять нужно к 1-му элементу, на 1й к 2*1+1 = 3-му элементу и так далее. :nth-child от :nth-of-type отличается тем, что последний применяет формулу только для строго определенного элемента, а не для всех подряд. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted June 12, 2010 Report Share Posted June 12, 2010 Имхо, на примере нагляднее:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Test</title> <style>/* красит каждого третьего потомка dl, независимо от типа */dl>*:nth-child(3n+1) { color: red; }/* жирнит каждый третий dt и каждый третий dd отдельно */dl>*:nth-of-type(3n+1) { font-weight: bold; } </style></head><body> <dl> <dt>Бесконечный цикл</dt> <dd>См. "бесконечный цикл"</dd> <dt>Рекурсия</dt> <dd>Способ общего определения объекта или действия через себя, с использованием ранее заданных частных определений. См. "рекурсия"</dd> <dt>CSS</dt> <dd>Каскадные таблицы стилей</dd> <dt>CSS3</dt> <dd>Собирательное название модулей CSS так называемого 3-го уровня. Разрабатываются независимо и в разном темпе.</dd> <dt>CSS Selectors level 3</dt> <dd>Один из <a href="http://www.w3.org/TR/css3-selectors/">модулей CSS</a>, описывающий селекторы.</dd> <dt>:nth-child</dt> <dd>Селектор выбора каждого n-го потомка</dd> <dt>:nth-of-type</dt> <dd>Селектор выбора каждого n-го однотипного потомка</dd> </dl></body></html> Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted June 13, 2010 Report Share Posted June 13, 2010 :nth-child от :nth-of-type отличается тем, что последний применяет формулу только для строго определенного элемента, а не для всех подряд.А что значит:только для строго определенного элемента, а не для всех подряд. ? Quote Link to comment Share on other sites More sharing options...
0 s0rr0w Posted June 13, 2010 Report Share Posted June 13, 2010 А что значит: ?Строго определенный элемент? Ключевое слово не строго, а определенный. Т.е. с конкретным именем. Не Вася, Петя, Маша, а только все Пети. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted June 13, 2010 Report Share Posted June 13, 2010 Строго определенный элемент? Ключевое слово не строго, а определенный. Т.е. с конкретным именем. Не Вася, Петя, Маша, а только все Пети.Понял, спасиб, пойду учить дальше. Quote Link to comment Share on other sites More sharing options...
Question
od_lazio
Народ, кто-то может объяснить разницу между этими двумя псевдоклассами?
Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?
Link to comment
Share on other sites
9 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.