OSS Labs. - オープンソースソフトウェアのTIPSからコアなネタまで

例えば、"menu01"、"selected"　と言う二つのクラス名を持つ<li>要素、
つまり、

<li class="menu01 selected">

という二つのクラスを持っている場合に効くCSS。

li.menu01.selected{

        スタイル

}

 

と書いてあげる。 「.」でクラス名を続けて書くわけです。
（※「.」の前に空白を入れないこと。
※順番は問いません。）

で、やってみたら。。。

»続きを見る

cssのハックは使わないほうがいいとはいうものの、どうしても使わざるをえない場合も多いと思います。

さくさくとコーディングしていて、む、Firefoxだけ挙動が不振。
では、IEとsafariにハックをかけてどうにかするか。。。と思ったのですが、safariのハックがきかない！！

むう、今まできいていたじゃないの、、、とsafariのバージョンを見ると、4。

これか・・・

»続きを見る

WEB標準またはWEBスタンダードという単語が、数年前から目立つようになりました。
どちらも同じ意味ですが、要はW3Cの仕様に準拠したWEBサイト等の制作という意味です。
もう少し深く言うのであれば、(X)HTMLやCSSの役割をしっかり考え、きちんとマークアップ・構造化しようというものです。

»続きを見る

Internet Explorer 6では、CSSのhover擬似クラス「:hover」はaタグにしか適用できません。
aタグ以外に:hoverを設定したい場合は、PeternedというWEBサイトで配布されている、csshover.htcビヘイビアを使用することで可能になります。

»続きを見る