复合选择器-后代选择器(HTML、CSS)_七寻北里的博客-程序员宅基地

技术标签: css  html5  前端  html  css3  

复合选择器-后代选择器(HTML、CSS)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复合选择器-后代选择器</title>
    <style>
        /*    把ol里边的 li选出来 改为red */
        ol li {
    
            color: red;
        }

        /*  一级一级遍历 (从大到小) */
        ol li a {
    
            color: green;
        }

        .nav li a {
    
            color: yellow;
        }
    </style>
</head>

<body>
    <ol>
        <!--   有序标签 -->
        <!-- 父元素 -->
        <li>111</li> <!-- 子元素 -->
        <li>222</li>
        <li>333</li>
        <li><a href="#">123</a></li>
    </ol>

    <ul class="nav">
        <!-- 无序标签 -->
        <li>444</li>
        <li>555</li>
        <li>666</li>
        <li><a href="#">456</a></li>
        <li><a href="#">456</a></li>
        <li><a href="#">456</a></li>
    </ul>
    
</body>

</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_50569789/article/details/119510573

智能推荐

Extjs 属性控件[转载]_weixin_38168322的博客-程序员宅基地

Ext.form.TimeField: 配置项: maxValue:列表中允许的最大时间 maxText:当时间大于最大值时的错误提示信息 minValue:列表中允许的最小时间 minText:当时间小于最小值时的错误提示信息 increment:两个相邻选项间的时间间隔...

【SVN】(一)常见报错及解决(2015.12.10-2015.12.11)_weixin_34095889的博客-程序员宅基地

一、svn主从同步op目录时,遇到的问题命令:/svn/apache2/subversion-1.6.13/subversion/svnsync/svnsyncsynchttps://10.10.41.18/svn/op--usernameshenp--password508956--trust-server-cert--no...

ubuntu定时执行脚本任务_Hermit_Rabbit的博客-程序员宅基地_ubuntu定时执行脚本

0. 简介在ubuntu中,我们一些自检脚本不但需要开机启动,同时在日常还需要定时启动,这是就需要我们设置定时启动来满足我们的需求。这里检索了网络上常用的方法,并整合成一套在ubuntu18,20上可用的定时启动任务操作1. cron文件语法crontab是linux中周期性的执行任务的一个守护进程,与windows下的计划任务类似crontab使用最小维度为分钟分小时日月星期命令注释0-590-231-311-120-6cmd注释5****

VS2010下 LibVLC开发环境搭建_chiaozu5312的博客-程序员宅基地

LibVLC环境的搭建 最近又 LIBVLC 做一个视频播放器,封装成ActiveX控件,之前做过一个基于OpenCV的播放器(只解码视频,音频不用,OpenCV也没有解码音频的功能)。 到目前位置完成的功能有 设置文件名、播放、暂停/继续、获得视频长度、获得视频播放时间、设置视频播放...

android平台串口调试工具,串口调试助手下载-串口助手 安卓版v1.4-PC6安卓网_weixin_39566387的博客-程序员宅基地

串口调试助手app是一款非常小巧但却非常实用的数据调试工具。串口助手软件能够协助用户进行快捷的工程数据调试服务,而且串口调试助手app还能自动保存调试的数据避免丢失!软件介绍串口调试助手是一款非常实用的调试工具app,能够帮助用户随时随地都能在手机上管理串口数据,轻松完成数据发送和接收,并能保存下来方便验证,提高用户的办公效率,方便你对其进行验证。串口助手可方便工程师在没有电脑情况下,也可以通过移...

随便推点

构建python环境_Python3教程(1)——构建Python环境,搭建_weixin_39646628的博客-程序员宅基地

1.1搭建编程环境1.1.1 Python2和Python3当前,Python有两个不同的版本:Python2和Python3。尽量使用Python3版本,Python2已经不再支持更新。1.1.2 运行Python代码片段Python自带了一个在终端窗口运行的解释器,可以无需保存就能运行Python代码片段。如下片段:加粗的文本表示需要你输入之后按回车键来执行的代码。1.1.3 Hello Wo...

使用python读取tensorflow实例中的MNIST模拟数据_alexwang1983的博客-程序员宅基地

1, 从这里下载模拟的数据 http://yann.lecun.com/exdb/mnist/tensorflow实例中的数据也是来自于http://yann.lecun.com/exdb/mnist/所以直接下载如下4个数据就OK。train-images-idx3-ubyte.gz:  training set images (9912422 bytes) tr

Gateway配合sentinel自定义限流_Spring Cloud Alibaba系列(五)sentinel实现服务限流降级..._weixin_39902598的博客-程序员宅基地

一、sentinel是什么sentinel的官方名称叫分布式系统的流量防卫兵。Sentinel 以流量为切入点,从流量控制、熔断降级、系统负载保护等多个维度保护服务的稳定性。在Spring Cloud项目中最开始我们使用的是Hystrix,目前已停止更新了。现在Spring Cloud官方推荐的是rensilience4j。当然还有我们今天学习的sentinel。Sentinel 具有以下特征:「...

cacti+apache+php+mysql+rrdtool搭建流量监控平台_unity<兆>的博客-程序员宅基地

1,apache的安装详细的不说,傻瓜安装法./configue --prefix=dir/apache2 --enable-so(./configure --prefix=/opt/apache --enable-module=so)makemake install设置开机启动 vi /etc/rc.d/rc/local  添加:/opt/apache/bin/apach

个人笔记CMD代理配置_weixin_42245532的博客-程序员宅基地

办公电脑windows系统,Cmd下访问Internet可以参考如下设置,    set http_proxy=http://代理IP:8080    set http_proxy_user= AD域帐户             set http_proxy_pass= 域帐户密码...

分块入门——区间开方,区间求和_鸭脖yb的博客-程序员宅基地

给出一个长为 nn 的数列 a1…ana1…an,以及 nn 个操作,操作涉及区间开方,区间求和。Input第一行输入一个数字 n(1≤n≤50000)n(1≤n≤50000)。第二行输入 nn 个非负整数,第ii个数字为 ai,(0≤ai≤109)ai,(0≤ai≤109),以空格隔开。接下来输入 nn 行询问,每行输入四个数字 opt,l,r,copt,l,r,c,以空格隔开。...

推荐文章

热门文章

相关标签