いつもお世話様になります。
3ヶ所まとめてラベルの貼り方でお聞きします。
以前はカテゴリページだけの1か所の貼り方を教わりましたが、
今回スーパーセールで3か所に貼りたいと思います。
カテゴリページの時は、下記の通り張り付けました。
商品はとりあえず4商品となっています。
@charset "UTF-8";
/* カテゴリページ内商品画像にラベルをつける */
div#risFil table tr:nth-child(odd) a {
display: inline-block !important;
position: relative !important;
}
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2015-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2016-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3338-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3337-r/"]:after,
for_supersale {
content: "スーパーSALE対象"; /*ラベル内の文言*/
color: #fff;
background: #bf0000;
font-size: 20px;
font-family: メイリオ;
letter-spacing: 0;
display: inline-block;
padding: 2px;
position: absolute;
top: 0;
left: 0;
}
div#risFil .risfClfx a:after {
content: none !important;
}
3ヶ所の場合のテンプレートが下記の様ですが、4商品の下記の分は
何処に挿入すればよいですか。また、ソースはこのままでよいですか。
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2015-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_rs-2016-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3338-r/"]:after,
div#risFil table tr:nth-child(odd) a[href$="ss_mt-25-3337-r/"]:after,
又、1ヶ所の時は<style type="text/css">が要らなくて@charset "UTF-8";に
変更してましたが3ヶ所の場合はどうなるのでしょうか。
3箇所まとめてラベルをつける
<style type="text/css">
/* カテゴリページ・レコメンド内・商品画像にラベルをつける */
div#risFil table tr:nth-child(odd) a,.shape-square--119Zf .content--3-LeZ,a.rakutenLimitedId_ImageMain1-3:first-of-type {
display: inline-block !important;
position: relative !important;
}
div#risFil table tr:nth-child(odd) a:after,.shape-square--119Zf .content--3-LeZ:after,a.rakutenLimitedId_ImageMain1-3:first-of-type:after {
content: "スーパーSALE対象"; /*ラベル内の文言*/
color: #fff;
background: #bf0000;
font-size: 10px;
font-family: メイリオ;
letter-spacing: 0;
display: inline-block;
padding: 2px;
position: absolute;
top: 0;
left: 0;
line-height:1em;
}
div#risFil .risfClfx a:after {
content: none !important;
}
</style>
お忙しいのに申し訳ございませんがよろしくお願い致します。