子孫の要素のみに、CSSを適用する方法を教えてください。
下記は適用方法が分からないため、<a>に適用させていますが、
理想としては<a>の中の<div>要素に適用させたいのです。
※(最後のbox1margin:rgiht:0px;になりそれ意外のブロックが全てmargin:rgiht:10px;になる)
よろしくお願いします!
<!--HTMLの記述-->
<div class="box-wrapper">
<a href=""><div class="box1">ブロック1</div></a>
<a href=""><div class="box1">ブロック2</div></a>
<a href=""><div class="box1">ブロック3</div></a>
</div>
/*CSS側の記述*/
.box1{
width:100px;
height:20px;
background:#C6F;
text-align:center;
display:inline-block;
}
.box-wrapper > a{
margin:0 10px 0 0;
}
.box-wrapper > a:last-child{
margin:0;
}
No.2ベストアンサー
- 回答日時:
補足どうもです。
.box-wrapper > :last-child div{
margin:0;
}
もっと良い方法ないかな~が本音です
ブラウザ:operaでのみ確認してます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excel VBAでのIE操作でクリック...
-
cnt <= (others => '0'); の意...
-
質問です。 新規登録ボタンが全...
-
現在作成しているページで、一...
-
CSSで、何故か、「float」が上...
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
HTMLで組織図を作成する方法
-
widthやheightの数値に単位(px...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
小説の行をマークアップ
-
幅を可変にし2段組をCSSで組む...
-
質問1.
-
【ヒトの神秘】美男美女から何...
-
<table>の高さ固定。情報増加時...
-
html/cssの、navを2段にする...
-
footer を横幅いっぱいに広げる...
-
htmlのid属性って必要なの?
-
画像イメージの上下左右、欲し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
VBAでの素数の求め方
-
cnt <= (others => '0'); の意...
-
質問です。 新規登録ボタンが全...
-
プログラマーの方に質問です。 ...
-
行頭から全角で3文字位さげた...
-
Excel VBAでのIE操作でクリック...
-
chromedriverのver-upで動作不...
-
検索結果がツリー状に表示され...
-
秀丸で複数行コメントアウトを...
-
Dreamweaver8で表を作成したい
-
VBA : QueryTableでのスクレイ...
-
safariで見るとページ上部に余...
-
アンカータグのスタイルシート指定
-
CSSセクレター 子孫のみに適用...
-
IE8では大丈夫なのに、IE7では...
-
DIVの入れ子で、FireFoxだとレ...
-
CSSで、何故か、「float」が上...
-
Ajaxで文字列を表示したいです。
おすすめ情報