Id选择器和Class选择器

http://www.runoob.com/css/css-id-class.html

http://www.w3school.com.cn/css/css_syntax_id_selector.asp

http://www.w3school.com.cn/css/css_syntax_class_selector.asp

如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。

id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

注意：id 属性只能在每个 HTML 文档中出现一次。

 

class选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

 

 

样式的优先级

关于样式的优先级，就目前测试来看，id selector的优先级高于element selector

 

 

https://github.com/ChuckTest/CSSTest/blob/master/Project/Pages/main.html

https://github.com/ChuckTest/CSSTest/blob/master/Project/Styles/main.css

 

作者:Chuck Lu    GitHub