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