CSS新手入门笔记整理：CSS基本选择器

id属性具有唯一性，也就是说，在一个页面中相同的id只能出现一次。在不同的页面中，可以出现两个id相同的元素。

语法

<div id="text">
......
</div>

class，顾名思义，就是“类”，它与C++、Java等编程语言中的“类”相似。我们可以为同一个页面的相同元素或者不同元素设置相同的class，然后使相同class的元素具有相同的CSS样式。

语法

<div class="text">
......
</div>

选择器，就是指用一种方式把你想要的那个元素选中。只有把它选中了，才可以为这个元素添加CSS样式。

格式

选择器
{
  属性1：取值1；
  ......
  属性n:取值n；
}

div {color:red;text-align:center;}

#para1{text-align:center;color:red;}

.center {text-align:center;}
p.center {text-align:center;}

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

层次选择器	说明	语法
M N	后代选择器，选择M 元素内部后代的N元素(所有N元素)	M N{属性：属性值；}
M>N	子代选择器，选择M 元素内部子代的 N元素(所有第1级N素)	M>N{属性：属性值；}
M~N	兄弟选择器，选择M 元素后所有的同级N元素	M~N{属性：属性值；}
M+N	相邻选择器，选择 M 元素相邻的下一个N 元素(M、N 是同级元素)	M+N{属性：属性值；}

id属性