美文网首页
兄弟选择器

兄弟选择器

作者: 直到世界尽头_Leo | 来源:发表于2018-04-11 16:23 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>兄弟选择器</title>
    <style>
        h1+p{
            color: red;
        }
    </style>
</head>
<body>
    <h1>标题</h1>
    <a href=""></a>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <h1>标题</h1>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
</body>
</html>

相关文章

  • 前端零基础课程--第八节课

    CSS3高级 复杂选择器:兄弟选择器、属性选择器、伪类选择器、伪元素选择器 兄弟选择器 相邻兄弟选择器(+):选出...

  • 2017-12-31

    CSS选择器: 元素选择器、类选择器、id选择器 属性选择器: 3.兄弟选择器: 相邻兄弟选择器前方元素 + 目标...

  • CSS进阶知识点--CSS3基本选择器及属性选择器

    基本选择器 通配符选择器 元素选择器 类选择器 ID选择器 后代选择器 子元素选择器 相邻兄弟选择器 通用兄弟选择...

  • CSS布局基础(五)--CSS3新增选择器

    一、兄弟选择器**兄弟选择器与相邻选择器类似,通过同级的兄弟元素来相互控制。所谓兄弟选择器就是指定一个元素后面的同...

  • web学习:01-CSS3选择器(基本&属性)

    1.基本选择器 1.1子元素选择器(直接后代选择器) 1.2 相邻兄弟元素选择器 1.3 通用兄弟选择器 1.4群...

  • CSS基础-11-组合选择符(后代选择器,子元素选择器 >,相邻

    选择器分隔示例后代选择器空格div p子元素选择器>div > p相邻兄弟选择器+div + p普通兄弟选择器~d...

  • 无标题文章

    子元素选择器 +兄弟选择器 ~通用兄弟节点选择器p~b [ ]通用选择器 [id]附带id属性的 div[ id]...

  • 元素选择器

    子元素选择器+兄弟选择器通用兄弟节点选择器pb[ ]通用选择器[id]附带id属性的div[ id]div中具有[...

  • 选择器

    元素选择器: ``` { attribute=value; } ``` 关系选择器: 兄弟选择器: 序选择器:

  • 选择器类型及优先级

    一、选择器 相邻兄弟选择器A+B 普通兄弟选择器A~B 多元素选择器A,B 二、选择器的优先级 从高到低依次是:1...

网友评论

      本文标题:兄弟选择器

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