CSSの最近のブログ記事

IE 8だけにCSSを適用

IE8向けHac

.className {
/* for IE 8 only */

color /*\**/: blue\9;

 

全てのIE向けHack

.className {
/* for all IE only */

color : blue\9;

}


Safari 4 でも上記全てのhackに反応してしまうので

/* for IE 8 only with Safari */
html>/**/ .className {
color /*\**/: blue\9;
}


/* for Safari 3 above */
body:first-of-type .className {
color : red;
}

ol li {

display:list-item;

}

 

 

ol li {

display:list-item;
vertical-align:top;

}

margin-top:で親要素が下がってしまう

親要素のpadding-top を 0 にした場合、CSS の仕様上、ボックス内の最初の要素の margin-top の分だけ、親要素が下がってきてしまう。厳密には違うらしいが。

ひとまず

この場合は親要素のpadding-topに最低1PX確保してしまえば見方はOK」。

1  2  3