CSS3で追加されたセレクタ「:not()」について考えてみました｜Webpark

2013/09/24 111 users Webpark セレクタ CSSセレクタ not おさらい

CSS3セレクタで追加された「:not()」。今まで使ったことがないので、深く考えたこともなかったですが、曖昧なままじゃダメだと思い勉強してみました。 CSSセレクタって何だという方はこれらの記事が役に立つと思います。 意外と知らない!?CSSセレクタ20個のおさらい｜Webpark 保存版！CSS3セレクタの説明書｜Webpark では、「:not()」について考えてみます。これから紹介する簡単... 続きを読む

選択したテキストにスタイルに適用する「::selection」｜Webpark

2011/11/21 29 users セレクタ Webpark Selection テキスト 仕様

選択したテキストにスタイルを適用しているサイトを最近ちょくちょく見かけるので、このブログでもやってみました。ということでその方法を簡単に説明してみます。 「::selection」というセレクタを使うことで選択したテキストにスタイルを適用することができます。 以前は現在策定中のCSS3セレクタの1つとして載せられていましたが、いつの間にか仕様から外れました。ですがIE以外でしたらちゃんと使えます。... 続きを読む

保存版！CSS3セレクタの説明書｜Webpark

2011/10/11 1140 users Webpark 保存版 説明書

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてこと... 続きを読む

IE6〜8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」｜Webpark

2011/06/07 243 users Webpark Java ツール HTML5 決定版

CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6〜8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJava... 続きを読む

古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log

2009/06/24 387 users latest log 古いブラウザ Webページ

JavaScript, CSSuuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。コードの解説を追記しました。「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるし... 続きを読む

Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex

2007/09/13 250 users XPath outsider reflex ノート 教材 表現

CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸が... 続きを読む