css选择器

餐厅选择器答案

常用选择器总结：

1.标签选择器

标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。

2.id选择器

通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器。

3.类选择器

通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。

4.层级选择器

主要应用在选择父元素下的子元素，或者子元素下面的子元素，可与标签元素结合使用，减少命名，同时也可以通过层级，防止命名冲突。

5、组选择器

多个选择器，如果有同样的样式设置，可以使用组选择器。

6、伪类选择器

①.动作伪类：:link :hover :focus :hover :active 

:focus伪类一般用于input标签，如果用于a标签，则只在使用键盘tab命令选中时实现效果。而其余四个用于a标签要保证“Love-Hate”的顺序。 

②.目标伪类：:target,指其id或者name属性与URL中的hash部分(即#之后的部分)匹配上的元素。 

③.语言伪类：:lang用来设置使用特殊语言的内容样式。另外，lang虽然作为DOM元素的一个属性，但:lang伪类与属性选择器有所不同，具体表现为:lang伪类具有”继承性“。如果使用[lang=de]则只能选择到body元素，因为p元素没有lang属性。但是使用:lang(de)则可以同时选择到body元素和p元素，表现出继承性。 

④.状态伪类::checked :enabled :disabled :indeterminate 

用于多选框中的input元素切在js中设置了其DOM属性indeterminate为true.而且也可用于匹配那些不确定的<progress>进度条。