首页 > > 网页制作 > css >

css伪类的组合用法

2018-06-24 01:14:05来源：未知阅读 ()


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

.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显示

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有