html+css基础(购买页面)

a[href=index.html]{首页}+a[href=list.html]{专辑}+span{【独家发售】大张伟2018全新专辑《人间精品》}

<a href="index.html">首页</a>
<a href="list.html">专辑</a>
<span>【独家发售】大张伟2018全新专辑《人间精品》</span>

&gt; 小于号

div.left>img+(div>span.love+span.num)+img

<div class="left">
<img src="" alt="">
<div><span class="love"></span><span class="num"></span></div>
<img src="" alt="">
</div>

div.right>div.title{【独家发售】大张伟2018全新专辑《人间精品》}+(div>span.dt+span.money+span.del)+(div>span.dt+span.weight)+(div>span.dt+img)+(div>span.cart+span.buy)+(div>img)

<div class="right">
<div class="title">【独家发售】大张伟2018全新专辑《人间精品》</div>
<div>
<span class="dt"></span>
<span class="money"></span>
<span class="del"></span>
</div>
<div><span class="dt"></span><span class="weight"></span></div>
<div><span class="dt"></span><img src="" alt=""></div>
<div><span class="cart"></span><span class="buy"></span></div>
<div><img src="" alt=""></div>
</div>

text-decoration: line-through;

穿过的一条线

display: flex;
/* box布局 */
justify-content: space-between;
/* 两端居中*/
align-items: center;
/* 水平居中 */

border: none;

无边框
outline: none;

输入框无选中边框

上一篇:10月28日 项目1页面 详情页和头部页


下一篇:css3选择器使用例子