Price组件

最新推荐文章于 2021-06-21 12:16:21 发布

tigerpassion

最新推荐文章于 2021-06-21 12:16:21 发布

阅读量267

点赞数

分类专栏： HTML/CSS 网站重构

本文链接：https://blog.csdn.net/tigerpassion/article/details/84167350

版权

HTML/CSS 同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

网站重构

14 篇文章 0 订阅

订阅专栏

<span class="price">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>

.price .value{color:#BD1A1D;font-weight:bold;}
.price .separator,.price .unit{color:#666;font-weight:normal;}

<span class="price price-m">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>


<span class="price price-l">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>


<span class="price price-del">
        	<span class="value">US $12.63 - 13.89</span>
        	<span class="separator">/</span> 
        	<span class="unit">piece</span>
</span>

.price-s, .price-s .value, .price-s .separator, .price-s .unit{font-size:12px;}
.price-m, .price-m .value, .price-m .separator, .price-m .unit{font-size:14px;}
.price-l, .price-l .value, .price-l .separator, .price-l .unit{font-size:16px;}
.price-xl, .price-xl .value, .price-xl .separator, .price-xl .unit{font-size:18px;}
.price-thin, .price-thin .value, .price-thin .separator, .price-thin .unit{font-weight:normal;color:#000;}
.price-del, .price-del .value{font-weight:normal;color:#666; text-decoration:line-through;}