在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么把before偽類寫好的橫線隱藏掉一部分,或者說該怎么寫。

怎么把before偽類寫好的橫線隱藏掉一部分,或者說該怎么寫。

這是代碼:
.nav-item-style {
margin: 3rem 3rem 3rem 3rem;
}

.nav-item-style:before, .nav-item-style:after {
content: '';
position: absolute;
margin-top: 0;
background: gray;
width: 5rem;
height: 1.5px;
}

.nav-item-style:before {
margin-left: -4.9rem;
}

.nav-item-style:after {
margin-left: 3.7rem;
}

這是效果圖(就是畫圈圈的部分去掉):

clipboard.png

回答
編輯回答
乖乖噠

你在寫before之前就可以控制哪幾個需要before偽類,用選擇器控制第一個和最后一個的隱藏或者不需要

2017年11月17日 18:31
編輯回答
玄鳥
.nav-item-style:first-child:before {
    display: none;
}
2017年11月29日 06:07
編輯回答
任她鬧
方法一
.nav-item-style可以有個父級
.nav-item-style-parent 橫線給父級
.nav-item-style 的before after 來覆蓋多余的橫線

方法二
已知橫線長度
固定橫線長度 少用一個偽類
例如用 before來畫出固定長度的橫線

這是我的兩個思路

2017年6月13日 02:14