星空网 > 软件开发 > 网页设计

css伪类的组合用法


.textarea:empty:before { display: block; content: '请输入'; color: #ababab; font-size: 15px; text-align: left;}
//表示:当textarea元素为空时即没有输入时,有“请输入”这句提示语显示 .textarea:focus:before { display: none;}
//当textarea元素聚焦时,刚刚用before伪类加的“请输入”就会隐藏

.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;}
//order元素为空时,它下面的那个元素a显示

  利用伪类组合,可以用css代替js以达到目的,少些一下js

 




原标题:css伪类的组合用法

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流