1、css中id選擇器有什么好處，css復合選擇器有哪三種？

1、元素選擇器 標簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)

語法：選擇器1，選擇器2，選擇器n{ }

5、復合選擇器(交集選擇器)

作用：選擇更準確更精細的目標元素并為其設置屬性

語法：選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格，要緊挨在一起

6、通配選擇器

作用：用來選中頁面中所有的元素

語法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態

:hover 移入時元素的狀態

:visited 已被訪問過后的元素的狀態

:active 被點擊時元素的狀態

10、 屬性選擇器

作用：根據元素中的屬性或屬性值來選取指定元素

語法：[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個元素后緊挨著的指定的兄弟元素

語法：前一個+后一個(作用在后一個)

~選擇器

作用：選中后邊所有的制定兄弟元素

語法：前一個~后邊所有

2、css選擇器中后代選擇器與子選擇器的區別？

css后代選擇器和子選擇器的區別介紹：

1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行

3、web中id的樣式定義規則？

id選擇器 使用#id , 同一個id在頁面中只能有一個 例如:#id 類選擇器 使用 .class 例如: .class 例如: <div id="new" class="web"></div> id選擇器：#new{ } 類選擇器： .web{ }

4、CSS優先級算法如何計算？

css 最常用的選擇符是類，即class,還有就是id 和元素，其次有通配符*還有一些偽類和偽元素。

子元素可以繼承父元素的屬性值。

優先級的話，id > class ＞元素＞偽類和偽元素。! important 優先級最高，但不常用。還有一種是.id > .class 要大于. class, 既優先權可以累加