CSS E:checked伪类选择符

E:checked选择符定义和用法:
匹配处于选中状态(checked)的元素E。
语法结构:

E:checked{ Rules }

浏览器支持:
IE浏览器支持此选择符。
谷歌浏览器支持此选择符。
火狐浏览器支持此选择符。
说明:IE6-IE8浏览器不支持此属性
实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
input:checked+span:after{
  content:"div+css专区";
}
</style>
</head>
<body>
<input type="checkbox" value="div" name="divcss" />
<span></span>
</body>
</html>


你可能感兴趣的:(CSS E:checked伪类选择符)