css - 选择器语法入门 Web程序

选择器

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>。