html中的元素可以通過設置class和id來賦予style屬性。
多個元素可以同屬一個class。
一個id只能賦值給一個元素。
當給一個元素賦予一個class的時候,它便擁有了class所給予它的style。
<div class = "class1"></div>
一個元素可以被賦予多個class:
<div class="class1 class2 class3"></div>
如果這些class的style有重合的話,后面賦予的class會把前面class的style中重合的部分給替換掉。
如果標簽的id和該class中的style有重合的話,重合部分的style會使用id的style:
<div class="class1 class2 class3" id="id1"></div>
此時,該元素起效的是id賦予的style。
也可以直接給元素賦予style:
<div class="class1 class2 class3" id="id1" style="color:red">
此時,直接賦值的style會把class和id中的重合部分給替換掉。
在class和id中設置style的時候有一個用法是:!import
如:. class1{ ?color:red ?!import }
如果有 !import屬性存在的話,它將擁有最高優先級。會覆蓋其他方法設置的style屬性。