バージョン選択

フォーラム

メニュー

オンライン状況

41 人のユーザが現在オンラインです。 (30 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 41
もっと...

サイト内検索

質問 > フロント機能 > 一つのブロックである特定のcssだけを参照し、他のcssは参照しないということは可能でしょうか。

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
chiyodaku
投稿日時: 2016/10/29 22:40
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
一つのブロックである特定のcssだけを参照し、他のcssは参照しないということは可能でしょうか。
お世話になっております。どうかお教え願います。

例えば、デザイン管理>スマートフォン>レイアウト設定で複数のブロックを配置しますが、そこで6つあるブロックの一つだけはそのブロックだけに作成されたcssだけを参照し、他のeccubeのcssは参照しない(eccubeのcssの影響を全く受けない)で、他の5つのブロックは通常のeccubeのcssを参照するという設定にしたいです。

もし可能であればどうゆう設定が必要になるかお教えいただけませんでしょうか。

EC-CUBE:2.12.5
PHP: 5.2.9
データベース: MySQL 5.0.77
WEBサーバ: Apache/2.2.3
OS:Linux p47.
umebius
投稿日時: 2016/10/29 22:49
対応状況: −−−
登録日: 2016/7/22
居住地: Tokyo
投稿: 1007
Re: 一つのブロックである特定のcssだけを参照し、他のcssは参照しないということは可能でしょうか。
通常のeccubeのcssを読み込んでいるのにそこだけ参照しないというのは難しいですね


ブロックのCSSが他に影響を与えないようにする方法になってしまいますが、

ブロック全体を
<div id="id1">
.....
.....
</div>

というようにIDで囲って
CSSでは
#id1 .class1 {

}
というようにID含めて指定していく等ででしょうか

あまりCSSのためにIDを使用するのは好ましくないと言われますが


----------------
////////////////
(株)U-Mebius EC-CUBE3 カスタマイズ /バグ修正/SEO はおまかせ
一緒にEC-CUBEでサイト制作を行うプログラマ・コーダー・デザイナー募集

chiyodaku
投稿日時: 2016/10/30 16:41
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
Re: 一つのブロックである特定のcssだけを参照し、他のcssは参照しないということは可能でしょうか。
umebius 様、

ご教授感謝いたします。

試しておりますが、どうしてもできないようです。整理しますと、

あるブロックを新規作成し、そのブロック用のcssも作成しましたが、既存のeccubeのcssがその新規作成したブロックに影響を与えて、本来ならば機能するはずの新規のcssが機能しなくなっております。

ですからその新規のブロックがそれ用に作成したcssだけを参照するようにしたいです。

その新規のcssが他の既存のブロックに影響を与えることは記述上ないのですが、新規のブロックは既存のeccubeのcssからの影響を受けてしまいます。

何か分かりますでしょうか。
flealog
投稿日時: 2016/10/31 21:19
対応状況: −−−
仙人
登録日: 2008/6/10
居住地:
投稿: 483
Re: 一つのブロックである特定のcssだけを参照し、他のcssは参照しないということは可能でしょうか。
CSS の書き方によると思います。
細かく指定すれば、既存の CSS の上書きが可能です。
そのあたりは Google 先生に聞いたらある程度わかると思います。
もしくは !important をつけるとかですかね。


----------------
EC-CUBE3っぽいテンプレート≪LIKE 3≫
http://bluestyle.jp/products/detail.php?product_id=12
お問い合わせ番号CSV登録&メール送信プラグイン
http://urx.red/qDT6
EC-CUBE1系2系ホスティングサービスCUBE Lab
https://c

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は37,862名です
総投稿数は88,921件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1865
4
yuh
1545
5
468
1391
6
red
1205
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
667
13 karin 656
14 sumida 641
15
h_tanaka
634
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© LOCKON CO.,LTD. All Rights Reserved.