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>

posted @ 2018-03-14 17:02  Jneeee  阅读(242)  评论(0编辑  收藏  举报