Q&A
0pxのあとに;がないのは記載ミスですか？
やりたいこと
<section class="elementor-element elementor-element-085db10 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="085db10" data-element_type="section">
ここのpaddingを0にしたく、CSSの指定方法を教えて頂きたいです。
試してみてダメだった例1
.elementor-element elementor-element-085db10 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section{ padding:0px; }
試してみてダメだった例2
#085db10{ padding:0px; }
やり方が分からず、教えて頂きたいです、、、
iwasanaokiさん＞1つだけなら、なくて問題ありません。
勉強不足でした、、、
的外れな指摘申し訳ありません
回答2件
0
試してみてダメだった例1
クラスの指定はどれか一つでも効果を発揮できます。
html
1 2<div class="a b c">test</div>
css
1.a{ 2 color:red; 3}
いずれにしても「.」で始めないと「クラス」ではなく「タグ」に対する指定になります。
「同じ要素に指定されているクラス群」を指定したいならこんな感じに繋げます。
css
1.a.b{ 2 color:red; 3}
こうすることで「aとb両方指定されている場合のみ有効」になります。
試してみてダメだった例2
085db10が指定されているのはclass と data-id（data属性）なので、
#085db10ではアクセスできません。
#でアクセスできるのはid属性です。
投稿2020/05/03 06:27
総合スコア80861
0
ベストアンサー
HTML
1<html> 2<head> 3 <title>TEST</title> 4 <meta charset="utf-8"> 5<style> 6.elementor-element { 7 padding:0px; 8} 9</style> 10</head> 11<body> 12<section class="elementor-element elementor-element-085db10 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="085db10" data-element_type="section"> 13</body> 14</html>
これでどうですか？
投稿2020/05/03 06:26
総合スコア349
ありがとうございます！できました！
しかし、.elementor-elementですと他のクラスにも干渉してしまう気がしていてい、もう少し細かく指定できる方法などはございますか。
教えて頂いている立場なのに申し訳ありません…
それであればm.ts10806さんの記載されている通り複数クラスの条件合致の方法
```CSS
.a.b{
color:red;
}
```
を参考にすべて繋げるのが良いかと思います。
できました、ありがとうございます！！こちらどなたをベストアンサーにすれば良いのでしょうか…
一番役に立った回答をベストアンサーで、それ以外に有益だった情報をくれた方などに高評価を押すとかが割と多いそうです。（私も初心者なのであまり深くまでは考えられていません）
takano-さんが一番良かったと思った回答にベストアンサーで良いと思いますよ。
あなたの回答
tips
プレビュー
