欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-24 07:53:11
通配符选择器 * 与任何元素匹配 派生选择器: 后代选择器(包含选择器):后代选择器可以选择作为元素后代的元素 A B 对A元素中的B元素应用样式 后代选择器中两个元素间的层次间隔可以是无限的(也可A B C) ,以上 A B 应用样式会选择从A继承的所有B元素 子元素选择器:只选择某个元素的子元素 ......

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

派生选择器:

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

                 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