after選擇器
after 選擇器在被選元素的內(nèi)容后面插入內(nèi)容。
<p>我們的朋友：</p>
原始的
用:after選擇器在p標(biāo)簽后邊添加一個(gè)元素用content
p:after{
? ? content: '小哪吒';
}
就變成了這樣：
用:after選擇器添加元素后的
content必須存在昆淡，里邊可以不寫東西狡相，但是必須有
.card_box h4:after{
? ? position: absolute;
? ? left: 50%;
? ? bottom: 0;
? ? margin-left: -10px;
? ? content: '';
? ? width: 20px;
? ? height: 1px;
? ? background-color: #333;
? ? transition:.3s;
}
下邊那條黑線就是用上邊代碼寫出來(lái)的
