CSS选择器(通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器)

2022-10-14,,,,

通配符选择器  *   与任何元素匹配

派生选择器:

     后代选择器(包含选择器):后代选择器可以选择作为元素后代的元素

                 a b    对a元素中的b元素应用样式

                后代选择器中两个元素间的层次间隔可以是无限的(也可a b  c)  ,以上 a  b   应用样式会选择从a继承的所有b元素

     子元素选择器:只选择某个元素的子元素

               a >  b 只对a 元素的b元素起作用

     相邻兄弟选择器:可选择紧挨在另一元素,且二者有相同父元素。

              a  +  b   选择紧挨在a 元素后面的b元素,两个元素有相同的父元素

 id选择器:id选择器用于建立派生选择器,也可以单独起作用。

             #a

类选择器:也可以用于创建派生选择器

属性选择器:对于指定属性的html元素设置样式。

            属性选择器:用于选取带有指定属性的元素  [title]

            属性和值选择器:选取带有指定属性和值的元素  [title=w3school]

            属性和值选择器-多个值 :选取包含指定词汇的元素 [title~=hello]

群组选择器:几个元素的样式属性一样时     a,b,c  

 

《CSS选择器(通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器).doc》

下载本文的Word格式文档,以方便收藏与打印。