CSS中class可以指定多个值,用空格隔开就可以了,多个样式定义最终会叠加在一起应用到当前元素。
一、CSS中id和class的区别:
1、id的优先级比class高。
2、class是通用属性,就是说几个div可以调用同一个class ,而id是唯一的,web标准中不允许出现两个div的id标识是相同的,id也是js获取对象的一个标识,所以也必须是唯一的。
二、class属性修改:
类属性即class属性,规定类名,用类选择器规定样式的时候,需要为元素指定类名,即class属性的值。注意每个HTML元素只有一个class属性。但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔。
css的类是可以被一个元素同时使用多个的,也就说某个元素可以同时使用多个class样式,但是如果发生了样式冲突会出现后者覆盖前者的现象。
工具原料:编辑器、浏览器
1、一个元素可以同使用多个class样式类,写法一般是class=“test1 test2”中间使用空格隔开即可,代码如下:
<body><style type="text/css">
.div1{
width: 200px
height: 200px
}
.div2{
background: #ccc
}
</style>
<div class="div1 div2"></div>
</body>
2、以上代码div同时使用了div1类和div2类的样式,最终的效果是一个宽高200像素背景是灰色的div,运行的结构如下:
class它只是一个选择器,叫做类选择器。根据自己的样式需求,一个类名样式最好写在一起。在两个不同的css文件中使用相同的class类名的话只有一个才有效的。要实现不同文件同时控制html标签的样式的话,可以按照这样的方式写。如下示例代码:
html代码:
<div class="style1 style2"></div>
css文件一:
.style1{color:#000}
css文件二:
.style2{background:red}