您的位置：首页 > Web前端 > CSS

html控件中设置两个样式渲染

2016-09-07 17:56 176 查看

如果一个控件中要设置添加多个样式，CSS查找方式是

.a_class.b_class......

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>一个空间中的两个样式</title>
</head>
<style>

div{
border: 1px solid blue;
width: 100px;
line-height: 25px;
margin-top: 10px ;
}
.current{
color: blue;
}

.active{
color: green;
}

.current.active{
color: red;
}

.active.current{
color: #ffff00;
}

</style>
<body >

<div class="current">
current
</div>

<div class="active">
active
</div>
<!-- active current样式不分前后，都是.current.active样式-->
<div class="active current">
active current
</div>

<div class="current active">
current active
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航