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
推荐阅读
-
css3类选择器之结合元素选择器和多类选择器用法
-
css3类选择器之结合元素选择器和多类选择器用法
-
利用css伪类选择器hover控制两个元素属性
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
CSS3伪元素、伪类选择器
-
css3 伪元素和伪类选择器详解
-
CSS样式表及选择器相关内容(二)-伪类与伪元素选择器
-
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
-
a标签伪类选择器以及伪元素:hover的案例
-
使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式