夜夜爽妓女8888视频免费观看-久久精品国产一区二区三区四区-一本色道久久综合亚洲精品不卡-婷婷五月深深久久精品-亚洲精品在线-亚洲日韩欧美一区二区三区-精品视频二区三区-h无码动漫在线观看-蜜桃产品一区一区三区MV-色综合网天天综合色中文男男-全是啪啪的精彩小说全集,亚洲日产资源,神馬影院午夜理论片在线观看,国产美女视频黄是免费

使用CSS單獨設置不同li標簽樣式的方法

更新時間:2020-04-14   文章分類:網頁技術課堂

在制作網頁設計時,有時候怎需要用css控制第一個li標簽 或者 某個的樣式,和其他li的樣式不同,可以參考以下方法。

單獨設置第幾個LI的樣式,實例:
.contact-sub {
	display: inline-block;
	width: 30%;
	margin-bottom: 35px;
	position: relative;
	line-height: 26px;
	padding-left: 40px;
	padding-right: 15px;
	vertical-align: top
}
.contact-sub:nth-child(2n) {
	width: 70%
}


偶數個和奇數個li標簽單獨設置樣式,實例:
.center_top_right ul li:nth-child(odd){   //奇數
    list-style: none;
    width: 90px;
    height: 70px;
    float: right;
}
.center_top_right ul li:nth-child(even){   //偶數
    list-style: none;
    width: 10px;
    height: 70px;
    color: #666;  
    float: right;
}

STU網頁公眾號

STU網頁設計專注于DW網頁設計制作,學生網頁設計作業,簡單網頁模板下載,HTML靜態網頁成品,網頁設計代做,網站作品定制,網頁畢業設計制作,學生dreamweaver網頁成品...

qq code back_top

QQ掃碼咨詢

微信掃碼咨詢