月別アーカイブ 2007年04月

前後の月

こんなセレクタが CSS にあれば便利なのにと思うセレクタ

この記事が属するカテゴリー
CSS

CSS を書いていると、こんなセレクタがあれば便利なのになぁと思うものがある。例えば、 F 要素を含む E 要素にマッチさせるセレクタ。img 要素を含む li 要素は list-style-type: none; みたいな。そんなセレクタをオレオレ仕様で無駄に考えてみる。

F 要素を含む E 要素ってのを結合子を使った文脈セレクタ系で実装しようとすると、子供セレクタを逆にして E < F とか。さしずめ親セレクタってな感じか。

li < img {
  list-style-type: none;
}

あー、これは無いな。子供セレクタと区別しにくいし、対象要素が宣言ブロック {…} の直前ではなくて遡るってのは何となくカスケーディングという思想に反するかな。

そうなると擬似クラス系か。CSS3 のセレクタで、最新版の草案では無くなっちゃったんだけど、ひとつ前の版には内容擬似クラス（Content pseudo-class）ってのがあった。:contains("foo") という形で、引用符で囲っている引数は内包している文字列が対象となっていた。テキスト内に foo が含まれる場合にマッチするってな具合。これをもとに要素なんかを引数に使えるようにしてみるとか。

li:contains(img) {
  list-style-type: none;
}

お、これなら良いかも。どうでしょ。とか妄想する日曜の夜。

2007-04-22T21:52:37+09:00 | コメント (4) | トラックバック (1) |はてなブックマーク

RE: 正しくHTMLを書こうと心がけている人に5つの質問

この記事が属するカテゴリー
Misc

今日までに片づけなければいけなかったものが何とかなりそうで、ちょっと時間ができたので正しくHTMLを書こうと心がけている人に5つの質問 : 雑記帳 : der Gegenwartに答えてみるよ！

  1. HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む）
    ウィンドウズ環境では TeraPad、ガッツリ作るようなのは Dreamweaver をコードビューで。マックな環境ではちょっと前までは mi だったけど、今は skEdit。これ最強。ここを生成しているCMS は Movable Type。
  2. 採用しているDTDとその理由をお答えください。
    このサイトでは XHTML 1.0 strict。今んとこ ruby を使う必要がないため。使いたくなったら変える。仕事で作るときはケースバイケース。
  3. 何故正しくHTMLを書いているのですか？
    正しく書くことはそれほど難しくないし、少なくとも正しくない HTML を書いているよりかは何か得をするかもしれないと思うから。
  4. W3CとWHATWG、どちらに期待してますか？
    最終的によりよい仕様にまとまってくれればどちらでも。
  5. あなたにとってHTMLとは何ですか？
    WWW に文書を公開するためのひとつの手段。

しかし、回答内容よりもこの質問への回答をどうマークアップするかの方が悩んだりしてね。「正しくHTMLを（中略）5つの質問」に対する回答一覧とか見ると、マークアップの仕方も人ぞれぞれで、正解が無いのが面白い。

2007-04-13T17:45:10+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク