1.拓展選擇器
1.選擇第一個子元素
div>p:first-child{} /*選擇div里面第一個子元素*/
2.選擇最后一個子元素
div>p:last-child{} /*選擇div里面最后一個子元素*/
3.選擇某一個子元素
ul li:nth-child(index) even偶數 odd奇數
4.不選中某個
:not(selector)//:nth-child(index)
2.Emmet語法
<!--ul>li.item*4>a[href=#]{首頁}-->
//生成
<ul>
<li class="item"><a href="#">首頁</a></li>
<li class="item"><a href="#">首頁</a></li>
<li class="item"><a href="#">首頁</a></li>
<li class="item"><a href="#">首頁</a></li>
</ul>
3.樣式寫出三角形
例如：
<style>
.sanjiao{
display: block;
height: 0;
width: 0;
border: 20px solid transparent;
border-bottom-color: red;
}
</style>
</head>
<body>
<span class="sanjiao"></span>
</body>
其中改變邊框的方向就可以改變三角的朝向。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
