美文网首页
CSS-选择器4-后代选择器

CSS-选择器4-后代选择器

作者: Java小工匠 | 来源:发表于2017-06-11 15:17 被阅读0次

CSS选择器-系列文章

1、后代选择器

div p选择div内部出现的所有p元素,不管p元素嵌套的多少层。

2、效果演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style type="text/css">
        #id1 p{
            color: red;
        }
    </style>
</head>
<body>
    <div id="id1">
        <div id="id2">
            <div id="id3"></div>
            <p>内部p元素</p>
        </div>
        <p>外部p元素</p>
        <p>外部p2元素</p>
    </div>
</body>
</html>

运行效果:

image.png
CSS选择器-系列文章
下一节 选择器5-子元素选择器

相关文章

  • CSS-选择器4-后代选择器

    CSS选择器-系列文章 1、后代选择器 div p选择div内部出现的所有p元素,不管p元素嵌套的多少层。 2、效...

  • HTML之CSS——CSS的高级应用

    CSS选择器: 一.CSS复合选择器: 1.后代选择器2.交集选择器3.并集选择器 1.后代选择器 后代选择器又称...

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

    层级选择器:后代选择器、子代选择器 l 后代选择器:又称包含选择器,用于选择某元素的后代元素: selector1...

  • CSS选择器的种类

    CSS选择器的种类 标签选择器 类选择器 id选择器 并列选择器 复合选择器 后代选择器 直接后代选择器 相邻兄弟...

  • CSS3 基本选择器

    回顾选择器 通配选择器 元素选择器 类选择器 ID选择器 后代选择器 新增基本选择器 子元素选择器(直接后代选择器...

  • CSS 几种选择器

    通配符选择器(*) 该选择器可以与任何元素匹配 后代选择器(空格) :选择器1 选择器2 { } 备注:后代选择...

  • universal选择(通用选择器)

    grouoing可以改变一组元素样式 decendant选择器(后代选择器) child选择器(直接后代选择器) ...

  • 后代选择器和子元素选择器的区别

    原文 博客原文 大纲 1、后代选择器和子元素选择器的相关概念2、后代选择器和子元素选择器的区别 1、后代选择器和子...

  • 4-7. 后代选择器/包含选择器

    1、后代选择器(descendant selector)又称为包含选择器。后代选择器可以选择作为某元素后代的元素。...

  • css选择器

    后代选择器 交集选择器

网友评论

      本文标题:CSS-选择器4-后代选择器

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