saas|css复合选择器有哪些?都给你整理好了!

saas|css复合选择器有哪些?都给你整理好了!

文章图片

saas|css复合选择器有哪些?都给你整理好了!

文章图片

saas|css复合选择器有哪些?都给你整理好了!

文章图片

saas|css复合选择器有哪些?都给你整理好了!

上节课我们讲完了css样式基础选择器 , 那么今天我们就继续讲讲复合选择器都有哪些以及相应的用法是怎么样的 。
1.css复合选择器有几种?css复合选择器分为后代选择器、子选择器、并集选择器、链接伪选择器、focus伪选择器 。

2.后代选择器的主要格式以及举例:主要格式如下 , 元素之间需要用空格隔开比如我们想要ul下的li标签添加文本颜色为红色:


3.子选择器的主要格式以及举例:主要格式如下图 。 元素与元素之间用大于号隔开 , 子选择器和后代选择器的不同点在于 , 后代选择器是将ul下的li标签全部设置样式 , 包括li标签下的所有层级 , 而子选择器只设置li标签这一层不涉及li标签下的层级 。

4.并集选择器的主要格式以及举例:主要格式如下图 , 元素与元素之间用逗号隔开


5.链接伪选择器的主要格式以及举例:
6.focus选择器的主要格式以及举例:主要格式是 , 标签:focus.下图的例子可以解释为 , 当鼠标放在input标签附近的时间 , 整个input范围均可选中 。
【saas|css复合选择器有哪些?都给你整理好了!】