產品名稱變為下劃線（布局中的產品名稱為“立式攪拌機...”，其余無需強調）
<div id="two">
<div class="number_circle_top">68% off</div>
<img class="minor_pic" src="images/img2.png">
<div></div>
<div id="block_container_top">
<div id="text_top"><span class="text_line">Stand mixer with extra</span></div>
<div class="text"> handle appreciation Gift </div>
<div class="text"> Basket my Chu ...</div>
</div>
<div id="price_list_top">
<div id="price_main_top">$49.99</div>
<div id="price_before_top">$69.99</div>
<div id="provider_top">Amazon</div>
</div>
<div id="bottom_top">
<div id="new_top">NEW</div>
</div>
<div></div>
</div>
:hover 應該是滑鼠指向這張卡片時：
uj5u.com熱心網友回復：
#two:hover .text_line {
text-decoration: underline;
}<div id="two">
<div class="number_circle_top">68% off</div>
<img class="minor_pic" src="images/img2.png">
<div></div>
<div id="block_container_top">
<div id="text_top"><span class="text_line">Stand mixer with extra</span></div>
<div class="text"> handle appreciation Gift </div>
<div class="text"> Basket my Chu ...</div>
</div>
<div id="price_list_top">
<div id="price_main_top">$49.99</div>
<div id="price_before_top">$69.99</div>
<div id="provider_top">Amazon</div>
</div>
<div id="bottom_top">
<div id="new_top">NEW</div>
</div>
<div></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/377806.html
上一篇：媒體查詢在css中不起作用的問題