FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: CSSについてご教示いただけたら嬉しいです

解決済

CSSについてご教示いただけたら嬉しいです

reiko888
遊覧客
24 1 6

いつもお世話になっております。
Studioのテーマでサイト構築をしています。
そこで質問なのですが、ここで使用されているCSSが難しいと感じています。
例えば、base.cssの267行目にある、

.section + .section

など。
結構CSSを修正したいと思っていますので、
どういう書物あるいはサイトで学習するべきなのか、
ご教示いただきたく、お願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1101 450 445

成功

CSSセレクタについて、ということでしたら、下記はいかがでしょうか?

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Selectors

 

.section + .section

であれば、下記のように説明されています。

構文: A + B
例: h2 + p は <h2> 要素の後にすぐに続く <p> 要素をすべて選択します。

 

 

CSSについて包括的な情報がほしいということでしたら、

同じサイトですが、

https://developer.mozilla.org/ja/docs/Web/CSS

こちらから探されると良いかと思います。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1101 450 445

成功

CSSセレクタについて、ということでしたら、下記はいかがでしょうか?

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Selectors

 

.section + .section

であれば、下記のように説明されています。

構文: A + B
例: h2 + p は <h2> 要素の後にすぐに続く <p> 要素をすべて選択します。

 

 

CSSについて包括的な情報がほしいということでしたら、

同じサイトですが、

https://developer.mozilla.org/ja/docs/Web/CSS

こちらから探されると良いかと思います。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
reiko888
遊覧客
24 1 6

@Qcoltdさま

ありがとうございます。
では、

.section + .section

の場合は、

section

というclassが重なった時の指定ということですね。
sectionをclass指定に使っているので、混乱しました。

ありがとうございます。ご紹介いただいたサイトで勉強します。