平时在代码练习中,经常用到后代选择器,子选择器也会用到,这里做个总结: 1,后代选择器和子选择器区别: ①写法不一样:后代选择器的标识为:空格 如:ul li{width:150px;} 【ul和li之间用空格隔开】子选择器的标识为:> 如:ul>li ...
后代选择器比子选择器的范围大,包含子选择器,且包含子选择器的 子孙 选择器,后代选择器使用 空格 符号间隔选择器 子选择器:子选择器只是父选择器的一级子元素,使用 gt 符号链接选择器 相邻兄弟选择器,是拥有相同父元素,且两个元素相邻,使用 符号链接 . 后代选择器 比如如下html代码,em是h 的后代元素,如下css样式这样写,只会影响h 中的em标签的内容变为红色,不会影响p中em的内容 ...
2019-07-08 18:26 0 2808 推荐指数:
平时在代码练习中,经常用到后代选择器,子选择器也会用到,这里做个总结: 1,后代选择器和子选择器区别: ①写法不一样:后代选择器的标识为:空格 如:ul li{width:150px;} 【ul和li之间用空格隔开】子选择器的标识为:> 如:ul>li ...
派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。 1、css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子 ...
派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。 1、css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子 ...
相邻兄弟选择器可选择紧接在另一个元素后的元素,且二者有相同的父元素. h1+p{margin-top:50px;} strong+span{backgrond-color:#3385ff;} 加号前面的元素只是用来作为我们查找兄弟的参照标签.它不参与样式的影响. 寻找 ...
通配符选择器 * 与任何元素匹配 派生选择器: 后代选择器(包含选择器):后代选择器可以选择作为元素后代的元素 A B 对A元素中的B元素应用样式 后代选择器中两个元素间的层次间隔可以是无限 ...
<新人报到,欢迎拍砖#- -> 一、后代选择器 说起CSS的后代选择器。它属于派生选择器中的一种,两者附属关系如下: -->派生选择器 ----CSS 后代选择器 ----CSS 子元素选择器 ----CSS 相邻兄弟选择器 那么问题来了 ...
子选择器 引用链接:http://blog.csdn.net/u012110719/article/details/41171517 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li ...
今天在菜鸟教程看到了css组合选择符的“相邻兄弟选择器”,刚开始对这个概念有些不太理解,通过查阅资料并且经过一些试验总算有了些头绪。 原文解释是“相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。如果需要选择紧接在另一个元素后 ...