cssrock

Встретилась браузерная игра, обучалка по CSS селекторам. В общем-то не сложная, но процентов 20% селекторов не знал, часть знал но не использовал. Игру прошел, считаю время потратил не зря. Рекомендую! Век живи — век учись =)

Игра тут: https://flukeout.github.io/

Суть состоит в том, что нужно выбирать указанный движением элемент. Теги там не реальные, придуманы для иллюстрации, на этом заморачиваться не стоит.
Например на первом уровне нужно выбрать две тарелки. Выбираем так:  plate
На втором выбрать две салфетки: bento

Родительский контейнер div.table использовать не нужно.

Игра состоит из 26 уровней.

  1.  A
  2.  A
  3. #id
  4.  A  B
  5.  #id  A
  6.  .classname
  7.  A.className
  8.  Put your back into it!
  9.  A, B
  10.  *
  11.  A  *
  12.  A + B
  13.  A ~ B
  14.  A > B
  15.  :first-child
  16.  :only-child
  17.  :last-child
  18.  :nth-child(A)
  19.  :nth-last-child(A)
  20.  :first-of-type
  21.  :nth-of-type(A)
  22.  :nth-of-type(An+B)
  23.  :only-of-type
  24.  :last-of-type
  25.  :empty
  26.  :not(X)

Если кому встречались еще не плохие обучающие тематические игры пишите в комментах.

Оценить:|
  
Комментировать
Раздел: CSS    
Просмотров: 2340

Оставить комментарий