質問: 項目選択肢別在庫の画像表示 いつもお世話になっております。マスターズの投稿( https://forum.ec-masters.net/post_view.php?id=8507 )見ながらやってみたのですが、うまくいかなくてhttp://maerc.me/170418/?fbclid=iwar0gxuate7cqzft9nqukydj45_zlv-zw6cecrgbiqh1nre4n7nddxioogw0こちらを参考にやってみたら、画像スペースは開いたのですが画像が表示されずどこが間違っているのか教えてください。よろしくお願いいたします。▼このページのスマホ版https://item.rakuten.co.jp/pyokotto/pi-6/▼書いたcss@charset "utf-8";/* css document *//* 選択肢名前に画像出す - 縦軸専用---------------------------------- *//* 天体観測 *//* 1項目目 黄色 */.itemselectpopup dl:nth-child(4) dd:nth-child(2):before {background-image: url(https://thumbnail.image.rakuten.co.jp/@0_mall/pyokotto/cabinet/item2/imgrc0065353303.jpg?_ex=200x200&s=0&r=1);}/* 2項目目 青 */.itemselectpopup dl:nth-child(4) dd:nth-child(3):before {background-image: url(https://thumbnail.image.rakuten.co.jp/@0_mall/pyokotto/cabinet/item2/imgrc0065353301.jpg?_ex=200x200&s=0&r=1);}/* 3項目目 赤 */.itemselectpopup dl:nth-child(4) dd:nth-child(4):before {background-image: url(https://thumbnail.image.rakuten.co.jp/@0_mall/pyokotto/cabinet/shohin/compass1540355446.jpg?_ex=200x200&s=0&r=1);}.itemselectpopup dd:before { display: inline-block; position: absolute; content: ""; width: 80px; height: 80px; background-size: 40px; background-repeat: no-repeat; background-position: center;}.itemselectpopup dl .icon { position: relative; left: 80px;}.itemselectpopup dl .name { padding-left: 80px}.itemselectpopup dl .caption { padding-left: 80px}.itemselectpopup label { padding: 0 34px 0 0px;}.itemselectpopup dt { background-color: #5c4b43 !important;}.itemselectpopup dd { min-height: 80px; height: 81px;}.itemselectpopup .itemselectradio{ top:40%;}.itemselectpopup .itemselectradio + .selected { top: 44%;}
回答: 伊藤さん☆ありがとうございます♪(a)合金ピアス の (1)星の色(黄色)(b)樹脂ピアス の (1)星の色(黄色)・・・・・と、全てに指定しなければ、ちゃんと反応しないでしょうか?例えば.itemselectpopup dd:nth-of-type(1):before{background-image: url(https://thumbnail.image.rakuten.co.jp/@0_mall/pyokotto/cabinet/item2/imgrc0065353303.jpg?_ex=200x200&s=0&r=1);}と書いたら(a)合金ピアス の (1)星の色(黄色)(b)樹脂ピアス の (1)星の色(黄色)(c)(d)全ての(1)に(https://thumbnail.image.rakuten.co.jp/@0_mall/pyokotto/cabinet/item2/imgrc0065353303.jpg?_ex=200x200&s=0&r=1)この画像が反応しますか???