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>
> 小於號
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;
輸入框無選中邊框