タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

セレクタに関するnatto_tamagoのブックマーク (3)

  • いろんなセレクタ指定方法+α

    ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは?」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基編 セレクタ1) +αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい!」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど!」となるはず。。。ご利用ください。 jQuery セレ

    natto_tamago
    natto_tamago 2013/05/17
    セレクタの指定方法いろいろ。よく忘れる「○の中の△を指定」→ $('△','○')
  • How nth-child Works | CSS-Tricks

    Freelancers, Developers, and Part-Time Agency Owners: Kickstart Your Own Digital Agency with UACADEMY Launch by UGURUS There is a CSS selector, really a pseudo-selector, called :nth-child. Here is an example of using it: ul li:nth-child(3n+3) { color: #ccc; } What the above CSS does, is select every third list item inside unordered lists. That is, the 3rd, 6th, 9th, 12th, etc. But how does that wo

    How nth-child Works | CSS-Tricks
    natto_tamago
    natto_tamago 2012/12/18
    nth-child(n)のnのところの計算方法を詳しく。(3n+1)・・・1,4,7,10…番目の要素に適用、(-n+3)・・・1,2,3番目の要素に適用
  • CSS3対応のCSSセレクタ一覧 - CSSデザインノート

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    natto_tamago
    natto_tamago 2011/03/14
    わかりやすい一覧
  • 1