Selector Level 3

sikkuisikkuiです。

W3CからSelectors Level 3の最終草案が昨日公開されました。

nth-child,[foo*="bar"]などのセレクタが使用できるようになれば、htmlとCSSをもっと軽量化できるようになる。nth-childのExamplesであるように、

:nth-child( 3n + 1 )
:nth-child( +3n - 2 )
:nth-child( -n+ 6)
:nth-child( +6 )

といったこともできるので、CSSのルール決めのやり方や、
法則性を考えながらのコーディングが行うことができる。
結果、法則性がしっかりしているので管理がしやすい構造になる。
そして、ある要素の中に含まれている同一のセレクタ名から、1つを取り出すこともできるたり、
とある文字を含んだclassも取り出すことができるため、
特に自動生成されるブログなどのデザイン的に於いて、制作の幅が広がる。

現在のIE6,IE7にはこれらのセレクタは使えないが、IE8.jsで先行的にIEでも実装可能になる。

ここ2~3年でwebの動きは、また大きく舵を変えるじゃないだろうか?

トラックバック(0)

このブログ記事を参照しているブログ一覧: Selector Level 3

このブログ記事に対するトラックバックURL: http://crebatec.info/mt4/mt-tb.cgi/1022

コメントする

 

株式会社クレバテックの紹介

WEB(ホームページ),DTP(パンフレット、ポスター、ロゴ)の株式会社CREBATEC

ホームページ、Webシステム、業務システムから、パンフレット、ポスター、名刺、ロゴ、キャラクター作成まで、御社のCI(コーポレート・アイデンティティ)をトータルでサポートし、企業価値を高めるお手伝いをさせていただきます。

クレバテック ブログをRSSに登録 RSSに登録

関連サイト