CSS3のセレクタとjQueryの書き方
E[foo^="bar"] 属性セレクタ 要素名[属性名^="属性値"] 形式の属性セレクタ。 属性の値がbarで始まる要素を対象にスタイルを適用します。 a[href^="http://"]{ color:#F00; } $(function(){ $("a[href^='http://']").css("color","red"); }); E[foo$="bar"] 属性セレクタ 要素名[属性名$="属性値"] 形式の属性セレクタ。 属性の値がbarで終わっている要素を対象にスタイルを適用します。 a[href$="pdf"]{ background:url(pdf.gif) no-repeat; } $(function(){ $("a[href$='pdf']").css({ background:"url(pdf.gif)", backgroundRepeat:"no-repe
CSS3のセレクターで作るストライプテーブル (2/3)
CSS3にほとんど対応していないIE6〜8では、偶数／奇数ごとに設定したスタイルが無視され、ストライプテーブルとして機能していません。このため、IEでストライプテーブルを表示するには、以下のように色を変えたいtr要素やth要素に1つずつclassを付け、class単位でCSSを設定する必要がありました。 ▼サンプル02（CSS部分） table{ margin:100px auto; } tr.even{ background:#F2F2F2; } th{ background:#222222; color:white; } th.odd{ background:#444444; } th,td{ padding:5px; font-size:small; } ▼サンプル02（HTML部分） <table> <tr> <th class="odd">no</th> <th>Name</th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
