css3复合选择器,CSS复合选择器有几种,它们的含义是什么?
交集选择器
交集选择器由两个直接相连的选择器组成，其中第一个选择器必须是元素选择器，第二个选择器必须是类选择器或ID选择器。两个选择器之间不能有空格。
交集选择器选择的元素必须是第一个选择器指定的元素类型，它必须包含与第二个选择器对应的ID名或类名。交集选择器选择的元素的样式有三种选择器样式，即第一种选择器；
语法：
元素选择器。类选择器 # id选择器{属性1:属性值1；2:属性值2；}语法描述：“类选择器 ID选择器”是指使用类选择器或ID选择器。
示例：
！type dochtmlhtmlheadmeta charset= utf-8 /title使用交叉点选择器设置样式/titlestyle/*元素选择器设置边框和底部外部边距的样式*/div {border: 5px纯红；边距-底部：20px}/*交集选择器设置背景色*/div . txt { background:# 33 ffcc；}/*类选择器设置字体格式*/。txt { font-style:italic；}/style/headbody div元素选择器效果/div div class=txt 交集选择器效果/div span class=txt 类选择器效果/p/body/html
并集选择器
union选择器也称为组选择器或组选择器。它由两个或两个以上的任意选择器组成，不同的选择器之间用“，”隔开，实现多个选择器。
联合选择器的特点是集合样式对联合选择器中的所有选择器都有效。
union选择器的作用是从不同的选择器中提取相同的样式，然后放在一个地方进行一次性定义，从而简化CSS代码量。
语法：
选择器1，选择器2，选择器3，{属性1:属性值1；2:属性值2；}语法描述：选择器可以是任何类型，可以是基本选择器，也可以是复合选择器。
示例：
！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title使用联合选择器设置style/titlestylediv { margin-bottom:10px；边框：3px纯红；} span { font-size:26px；} p { font-style:italic；}/*使用联合选择器设置元素的公共样式*/span， p1，# D1 { background:# CCC；}/style/head body div id= D1 This is div 1/div div This is div 2/div p class= P1 This is paragraph 1/p p This is paragraph 2/p SPAN这是SPAN/div/body/html
后代选择器
后代选择器，也称为包含选择器，用于选择指定元素的后代元素。使用后代选择器可以帮助我们更快更准确地找到目标元素。
语法：
选择器1选择器2选择器3 {属性1:属性值1；2:属性值2；}示例：
！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title使用后代选择器设置样式/titlestyle#box1 .p1 {/*后代选择器*/background:# CCC；}#box2 p {/*后代选择器*/background:# CFC；}/style/head body div id= box 1 P class= P1 Paragraph 1/P P class= p2 Paragraph 2/P/div div id= box 2 P class= P1 Paragraph 3/P P Paragraph 4/P/div P class= P1 Paragraph 5/P Paragraph VI/P/body/html
子元素选择器
后代选择器可以选择元素的指定类型的所有后代元素。如果您只想选择一个元素的所有子元素，那么您需要使用子元素选择器。
语法：
选择器1选择器2 {属性1:属性值1；2:属性值2；}语法描述：“”称为左连词，其左右两边可以出现空格。选择器1选择器2的意思是“选择选择器2指定的所有子元素作为选择器1的指定元素”。
示例：
！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title子元素选择器应用程序示例/title style h1 span { color:red；}/style/headbody h1这是一个非常非常span重要/span关键/span的步骤。/h1 h1这确实是非常重要的/span和span关键的/span/em步骤。/h1/body/html
相邻兄弟选择器
如果需要选择紧跟在一个元素之后的元素，并且两者具有相同的父元素，可以使用相邻同级选择器。
语法：
选择器1选择器2 {属性1:属性值1；2:属性值2；}示例：
！type dochtmlhtmlhtmlheadmeta charset= utf-8 /title相邻同级选择器的应用示例/title style h1 p { color:red；字体粗细：粗体；边距-顶部：50px}p p{颜色：蓝色；文本装饰：下划线；}/style/headbody h1这是一级标题/h1 p这是段落1。这是第二段。这是第三段。/p/body/html
属性选择器
在CSS中，我们还可以根据元素的属性和属性值来选择元素。此时使用的选择器称为属性选择器。使用属性选择器有两种主要形式，
语法：
选择器1属性选择器2.{属性1:属性值1；2:属性值2；}元素选择器属性选择器1属性选择器2.{属性1:属性值1；2:属性值2；}语法描述：属性选择器写成[属性表达式]，其中属性表达式可以是属性名，也可以是“属性=属性值”这样的表达式。
选择器的应用：
！type dochtmlhtmlheadmeta charset= utf-8 /应用标题属性选择器/titlestyle[title] {/*选择具有标题属性的元素*/color:# F6F；}a[href][title]{/*选择同时具有href和title属性的A元素*/font-size:36px；}img[alt] {/*选择具有alt属性的img元素*/border:3px # f00 solid；}p[align=center] {/*选择align属性等于center的p元素*/color:red；字体粗细：加粗；}/style/headbody h2应用属性选择器style:/H2 H3 title= hello world hello world/h3a title=主页 href=# 返回主页/ABR/br/img src= miaov . jpg alt= logo /P= center paragraph 1/P HR/H2无属性选择器style h3Helloworld/h3 a href=# 返回主页/ABR/br/img src= miaov . jpg P align= right 这篇文章介绍了CSS复合选择器的具体用法。有关CSS复合选择器的更多内容，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。