类(Class)是面向对象程序设计(OOP,Object-OrientedProgramming)实现信息封装的基础。类是一种用户定义类型,也称类类型。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象。
常用的伪类和css选择器:
:required:optional必填元素和选填元素
:in-range:out-of-range在范围之内和不在范围之内
:valid:invalid符合要求的和不符合要求的
:read-only:read-write只读和可读可写
(:read-write除了匹配表单中可写的元素,也可以匹配div中可编辑可写入的元素)
required和optional美化表单案例
.container{max-width:400px;margin:20pxauto;}
input,select,textarea{width:240px;border:1pxsolid#999;margin:10pxauto;padding:.5em1em;}
label{color:#999;margin-left:10px;}
input:required,textarea:required{
border-right:3pxsolid#aa0088;
}
input:optional,select:optional{
border-right:3pxsolid#999;
}
input:required+label::after{
content:"(必填)";
}
input:optional+label::after{
content:"(选填)";
}
input:focus,textarea:focus,select:focus{outline:0;}/*去掉选中时的蓝色外边框*/
input:required:focus,textarea:required:focus{box-shadow:003px1px#aa0088;}
input:optional:focus,select:optional:focus{box-shadow:003px1px#999;}
input[type=submit]{
background:#cc00aa;
color:#fff;
border:2pxsolid#aa0088;
padding:10px0;
}
input[type=submit]:hover{
background:#aa0088;
}