nth-child   292

« earlier    

Using CSS Mod Queries with Range Selectors
"Patrick Clancey plies a creative use of mod queries and range selectors to change the layout of elements in lists."
fridayfrontend  css  modulo  mod  nth-child  first-child  responsive  mediaqueries 
november 2016 by spaceninja
nth-child vs nth-of-type
In the case of nth-child() and nth-of-type(), the extra information is the element’s position in the document tree in relation to its parent and siblings. Although these two pseudo-classes are very similar, they work in fundamentally different ways.
fridayfrontend  css  nth-child  nth-of-type  selectors 
september 2016 by spaceninja
:nth Tester
nth-child test out your recipe
nth-child 
august 2016 by brighty
Surprising CSS properties you can use today
While working on the Juju GUI project, I was reviewing a pull request when I spotted there were no prefixes on box-sizing. I thought I should check if they needed it before asking the requester to add them. In doing so I was surprised to find that there are a lot more CSS features with global support than I originally thought. So I trawled through the chasms of Can I use and have come out with some gems to share.
fridayfrontend  css  filters  filter  css3  selectors  nth-child  empty  not  calc  animation  supports  flexbox  3d  transforms 
august 2016 by spaceninja
Quantity Queries for CSS · An A List Apart Article
This is your guide to creating style breakpoints for quantities of HTML elements, much as you already do with @media queries for viewport dimensions. I’m not pointing at some blurry specification in the distance or a twinkle in an implementer’s eye. We’re going to do this today, with CSS that’s already available.
fridayfrontend  css  quantity  nth-child  selectors 
august 2016 by spaceninja

« earlier    

related tags

3d  :nth-child  :nth  animate  animation  awesome  browsers  calc  calculator  child  code  coding  crazy  css-tricks  css  css3  csstricks  demo  demonstration  demos  design  dev  development  effect  empty  expanding  fe-learn  filter  filters  first-child  flexbox  fridayfrontend  grid  grids  hack  howto  ie8  images  javascript  layout  library  lists  mediaqueries  mixin  mixins  mod  modulo  not  nth-of-  nth-of-type  nth-selectors  nth-type-of  nth  nth:child  nthchild  onlinetool  opensrs  orphans  polyfill  pseudo-classes  pseudo  quantity  queries  reference  resources  responsive  sample  sass  scss  selector  selectors  sitepoint  styles  supports  syntax  tetris  tool  tools  transforms  tricks  tutorial  users  video  web  webdesign  webdev 

Copy this bookmark:



description:


tags: