时间:2021-07-01 10:21:17 帮助过:33人阅读
.textarea:empty:before { display: block; content: '请输入'; color: #ababab; font-size: 15px; text-align: left; }<br>//表示:当textarea元素为空时即没有输入时,有“请输入”这句提示语显示 .textarea:focus:before { display: none; }<br>//当textarea元素聚焦时,刚刚用before伪类加的“请输入”就会隐藏<br><br>.textarea:empty:after { content: '请认真填写。'; color: #ababab; font-size: 11px; text-align: left; } .textarea:focus:focus { display: none; } first-child:after .order:empty+.a { display: block; }<br>//order元素为空时,它下面的那个元素a显示
以上就是css伪类组合用法的示例代码分享的详细内容,更多请关注Gxl网其它相关文章!