美文网首页
组合选择器

组合选择器

作者: 油麦 | 来源:发表于2018-05-16 10:30 被阅读14次

css 的标签是可嵌套的,所以经常会有选择标签下的子标签和同级的兄弟标签的情况。
根据具体的需求来选择标签。

表达嵌套关系的选择器:

  • 后代选择器:
    div p { },会将在div里的所有p元素都进行样式修改
  • 子元素选择器
    div > p { },只会选择直接的子元素,例如这个<p>如果被<span>包围的时候就不会产生效果。
    这两种选择器的差别:就是看是否要选择所有子元素

表达兄弟关系的选择器

  • 相邻兄弟选择器
    div+p { },相邻,就是代表者在旁边的一个,而且不是相邻的左右两个只是下一个,相当于单向链表。
  • 后序兄弟选择器
    div~p { },遍历用级别的所有水平p元素
    这两种选择器的差别:是否选择所有的兄弟元素

相关文章

  • css(二):css基础

    一.选择器 五种:基础选择器,组合选择器,属性选择器,伪元素选择器,伪类选择器。 基础选择器 组合选择器 属性选择...

  • css入门(二)

    CSS入门(二) [TOC] 一、组合选择器 每个选择器位可以是任意基础选择器或选择器组合 1.群组选择器 可以一...

  • 1.4.2选择器

    1.4.2.1简单选择器 选择器 简单选择器 伪元素选择器 组合选择器 标签选择器 类选择器 .classname...

  • css选择器

    HTML选择器 直接使用标签 属性选择器(id,class) *全局选择器 关联选择器 和 组合选择器 实例代码 ...

  • css选择器

    1 . CSS选择器常见的有几种? 基础选择器 通用元素选择器 ID选择器 类选择器 标签选择器 组合选择器 属...

  • 任务8

    1.CSS选择器常见的有几种? id选择器。 类选择器。 伪类选择器。 属性选择器。 标签选择器。 组合选择器。 ...

  • css基础——选择器

    一、选择器的种类: 标签选择器、id选择器、class选择器、层级选择器、组合选择器 二、分别介绍 1、标签选择器...

  • CSS和JQuery选择器

    一、 基本选择器 二、组合使用 三、属性选择器 四、 CSS3属性选择器

  • CSS知识树

    css选择器 基础选择器ID选择器类选择器属性选择器元素选择器组合选择器多元素选择器 ,格式:E,F后代选择器,格...

  • CSS学习笔记[2]——CSS选择器

    选择器类型 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 * ;通用选择器,匹配页面任...

网友评论

      本文标题:组合选择器

      本文链接:https://www.haomeiwen.com/subject/gdzudftx.html