开发者社区> java小工匠> 正文

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

简介: CSS选择器-系列文章 1、后代选择器 div p选择div内部出现的所有p元素,不管p元素嵌套的多少层。 2、效果演示 后代选择器 #id1 p{ color: red; ...
+关注继续查看

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-子元素选择器

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
在C#“.NET技术”中选择正确的集合进行编码
  要选择正确的集合,我们首先要了解一些数据结构的知识。所谓数据结构,就是相互之间存在一种或多种特定关系的数据元素的集合。上海网站建设结合下图,我们看一下对集合的分类。   集合分类   在上图中,可以看到,集合总体上分为线性集合和非线性集合。
697 0
c++ 开源日志库选择
liblogger 待选为 glog、log4cplus、log4cpp、log4cxx 目前准备使用glog,使用方便,性能也不错,待进一步试验,如果有不能满足的功能就转用 log4cplus,功能很全面,不过稍复杂些。
1580 0
CSS选择器的权重与优先规则
权重顺序 “important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符”。   原文:http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php 我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。
641 0
CSS基础选择器
本篇文章主要介绍CSS选择器的基础选择器
29 0
+关注
java小工匠
个人研究方向: 微服务、netty、物联网、mqtt、modbus、工作流、流程设计器、消息中间件、高并发、大数据 、区块链等
103
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载