css - 选择器语法入门

选择器

css里有三种选择器（定位到具体元素的语法）

1 标签选择器

article { ???margin-bottom: 40px;}

如上，直接写出article就是标签选择器。对应的html为<article>content</article>。

2 class选择

.sitename { ???float: left;}

形如.sitename为class选择。在html里为<div class=‘sitename‘>content</div>。

3 id选择

#page { ???width: 600px; ???margin: 0 auto; ???position: relative;}

如上，形如#page为id选择，html：<div id=‘page‘>content</div>。