[英]:hover only one line with text-decoration: underline;
Product name becomes underlined (product name in the layout is "Stand mixer...", the rest shouldn't be emphasized)产品名称变为下划线(布局中的产品名称为“立式搅拌机...”,rest 不应强调)
<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 should be when mouse poiting at this card: :hover 应该是鼠标指向这张卡的时候:
#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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.