人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

cssについて質問です。dt ddを横並びにして下線を引いています。
最後だけ下線を無くしたいのですが、何か良い方法はありますでしょうか?
(最後だけ別のスタイルを適用するのは無しでお願いします)
下記の方法でliでは出来ているようです。
http://www.webcreatorbox.com/sample-css-tips20/#demo17

【CSS】

dl.list dt {
float:left;
width:4em;
border-bottom:1px solid #999;
padding-bottom:0;
padding-right:0;
}

dl.list dd {
margin-left:4em;
border-bottom:1px solid #999;
}

【html】
<dl class="list">
<dt>項目1</dt>
<dd>AAAAAA</dd>
<dt>項目2</dt>
<dd>BBBBBB</dd>
<dt>項目3</dt>
<dd>CCCCCC</dd>
</dl>

●質問者: clab_yasu
●カテゴリ:ウェブ制作
✍キーワード:border CSS DD DL DT
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● yamaneroom
●60ポイント

最後だけclass名またはid名を変える以外に方法はない

◎質問者からの返答

すっきりしました。動的に書き出される部分だったので簡単に済む方法を知りたかったのですが、

要素数を数えて異なるクラスを設定するようにします。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ