在定义css的 时候，class有两个值什么意思？ 是不 是 同时引用这两个css样式？

时间：2021-07-02 19:15:17
在定义css的 时候，class有两个值什么意思？ 是不 是 同时引用这两个css样式？

例如：<div class="jftop margintop">
是不 是此div样式 是 jftop 和 margintop？
如果这两个样式有冲突怎么办？ 

3 个解决方案

#1

对啊，就是同时用两个样式。

至于冲突，如果有良好的习惯，css都是分类写得很细的。专门定义表格，专门定义正文字体，专门定义表头文字，即使套用多个也不会弄混。

#2

有冲突,就用后面的样式

#3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.jftop{font-size:12px;}

.margintop{font-size:24px;}

</style>

</head>

<body>

<div class="jftop margintop">123</div>

</body>

</html>
后者覆盖前者

#1

对啊，就是同时用两个样式。

至于冲突，如果有良好的习惯，css都是分类写得很细的。专门定义表格，专门定义正文字体，专门定义表头文字，即使套用多个也不会弄混。

#2

有冲突,就用后面的样式

#3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.jftop{font-size:12px;}

.margintop{font-size:24px;}

</style>

</head>

<body>

<div class="jftop margintop">123</div>

</body>

</html>
后者覆盖前者
标签：

相关文章