css选择器

css最实用的五种选择器：

元素选择器

id选择器

后代选择器

群组选择器

块与内联：

块元素：独占一行。如：div （可使一行文字拥有属于自己的颜色背景），p ，h1~h6等。

内联元素：只占自身大小，不会单独占一行。

区分块元素跟内联元素：看是否独占一行了。

元素选择器 —— 标签名{ }

元素选择器（标签选择器），可以根据标签的名字来从网页中选取指定的元素。

比如P{ }则会选中页面中的所有P标签，h1{ }会选中页面中的所有h1标签。

类型选择器：

class 选择器，也就是“类选择器”。我们可以对“相同的元素”或者“不同元素”定义相同的class属性，然后针对拥有同一个class的元素进行css样式操作。

通用选择器：

通用选择器，可以同时选中页面中的所有元素。

后代选择器

后代选择器，可以根据标签的关系，为处在元素内部的后代元素设置的样式。

比如p  strong  会选中页面中所有的p 元素内的strong元素。

子元素选择器   父元素>子元素

子元素选择器可以给另一个元素的子元素设置样式

比如 body > h1 将选择器body子标签中的所有h1标签

其他子元素选择器

:fiest-child-------选择第一个子标签。

:last-child--------选择最后一个子标签。

:nth-child-------- 选择指定位置的子元素。

:id选择器：通过元素属性，选择改变元素。

对于id选择器，前面必须加上前缀#，否则该选择器无法生效。在id前面加上#，表示这是一个id选择器。

群组选择器，指的是同时对几个选择器进行相同的操作：

餐厅作业的选择器：