HTML+CSS第七课:CSS复合选择器的使用、CSS继承特性、使用CSS美化页面元素_复合标签中的继承css-程序员宅基地

技术标签: css继承  HTML+CSS网页设计  css复合选择器  伪类选择器  

知识点:CSS复合选择器、CSS的继承、使用CSS设置字体样式和文本样式、使用CSS设置链接样式(伪类选择器)、使用CSS设置列表的样式。

1、CSS的高级应用

1.1 CSS复合选择器

CSS符合选择器是以标签选择器、类选择器、ID选择器这3种基本选择器为基础,通过不同方式将两个或多个选择器组合在一起而形成的选择器。这些复合而成的选择器,能实现更强、更方便的选择功能。复合选择器分为后代选择器、子选择器、交集选择器和并集选择器。

1)后代选择器

写法:把外层的标签写在前面,内层的标签写在后面,之间用空格分隔。当标签发生嵌套时,内层标签就是外层标签的后代。

举例:h3 strong { font-size:16px; color:#FF0000; } 

解释:h3标签中有strong标签。如<h3>学习<strong>HTML</strong>的乐趣在哪里?</h3>

显示效果只会显示标题bi标签中的<strong>标签样式。

后代选择器在CSS应用中经常用到,常用情况有:

  • 按标签的嵌套关系:如 h3 strong { font-size:16px; color:#FF0000; } 
  • 按选择器的嵌套关系:如.head .menu { font-size:16px; color:#FF0000; } 或.head #menu { font-size:16px; color:#FF0000;  }
  • 3种选择互相嵌套关系:如 #nav .title { font-size:16px; color:#FF0000; }  或#nav li { font-size:16px; color:#FF
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dnruanjian/article/details/83961243

智能推荐

base64在html页面显示图片的方式_qdhph0930b.xyz-程序员宅基地

文章浏览阅读4.6w次。<img src='data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgo..._qdhph0930b.xyz

多线程-程序员宅基地

文章浏览阅读97次。多线程Java.Thread进程和线程关系及区别1.定义进程是具有一定独立功能的程序关于某个数据集合上的一次运行活动,进程是系统进行资源分配和调度的一个独立单位.线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位.线程自己基本上不拥有系统资源,只拥有一点在运行中必不可少的资源(如程序计数器,一组寄存器和栈),但是它可与同属一个进程的其他的线程共享进程所拥有的全部资源.2.关系一个线程可以创建和撤销另一个线程;同一个进程中的多个线程之间可以并发执行.相对进

友盟自动集成报错-Could not download common (com.umeng.umsdk:common:2.0.0)_could not find com.umeng.umsdk:common:2.0.2.-程序员宅基地

文章浏览阅读1.2w次。当使用自动集成(非手动集成)友盟的时候在build.gradle里面:implementation 'com.umeng.umsdk:analytics:8.0.0'implementation 'com.umeng.umsdk:common:2.0.0'但是今天一直报错Could not download common (com.umeng.umsdk:common:2.0.0)..._could not find com.umeng.umsdk:common:2.0.2.

Docker 快速上手学习入门教程_docker菜鸟教程-程序员宅基地

文章浏览阅读2.5w次,点赞6次,收藏50次。官方解释是,docker 容器是机器上的沙盒进程,它与主机上的所有其他进程隔离。所以容器只是操作系统中被隔离开来的一个进程,所谓的容器化,其实也只是对操作系统进行欺骗的一种语法糖。_docker菜鸟教程

电脑技巧:Windows系统原版纯净软件必备的两个网站_msdn我告诉你-程序员宅基地

文章浏览阅读5.7k次,点赞3次,收藏14次。该如何避免的,今天小编给大家推荐两个下载Windows系统官方软件的资源网站,可以杜绝软件捆绑等行为。该站提供了丰富的Windows官方技术资源,比较重要的有MSDN技术资源文档库、官方工具和资源、应用程序、开发人员工具(Visual Studio 、SQLServer等等)、系统镜像、设计人员工具等。总的来说,这两个都是非常优秀的Windows系统镜像资源站,提供了丰富的Windows系统镜像资源,并且保证了资源的纯净和安全性,有需要的朋友可以去了解一下。这个非常实用的资源网站的创建者是国内的一个网友。_msdn我告诉你

vue2封装对话框el-dialog组件_<el-dialog 封装成组件 vue2-程序员宅基地

文章浏览阅读1.2k次。vue2封装对话框el-dialog组件_

随便推点

【Java算法】AES前端加解密,Java后端加解密,采用CBC模式_aes-cbc前后端如何共享iv-程序员宅基地

文章浏览阅读1.4k次,点赞11次,收藏11次。适用范围:1、前端加密、解密2、后端加密、解密3、前端加密、后端解密4、后端加密、前端解密前端AESimport CryptoJS from 'crypto-js'import moment from 'moment'let key = CryptoJS.enc.Utf8.parse('abcdefg123456789') // key:必须16个字符let iv = CryptoJS.enc.Utf8.parse('abcdefg123456789'); // 偏移量:必须16个字符_aes-cbc前后端如何共享iv

oracle哈希检查数据一致性,数据文件SCN的一致性问题-程序员宅基地

文章浏览阅读110次。数据文件SCN的一致性问题1、数据库正常运行中,所有数据文件的SCN都是一致的吗?2、将一数据文件offline后,再将其online时,这个数据文件的SCN会前提吗?假如是,前提到的SCN是怎么确定的?1.数据库正常运行时,所有数据文件的SCN不一定一致。问题在这个所有上,比如Offline表空间,数据文件的SCN会被冻结,而且表空间的数据文件offline/online时又会发生文件检查点,使..._oracle 查看scn号是否一致

java cacti_cacti监控安装-程序员宅基地

文章浏览阅读115次。cacti是用PHP实现的一个软件,它用snmp服务获取数据,然后用rrdtool存储和更新数据,并生成图表展示。比较适合用于交换机、路由器的网络监控,插件众多,可图示化显示网络状况。cacti官方推荐版本如下:PHP 5.4+MySQL 5.1+RRDtool 1.3+, 1.5+ recommendedNET-SNMP 5.5+Web Server with PHP support cento..._cacti哪个版本好用

联邦学习综述-程序员宅基地

文章浏览阅读302次。联邦学习_联邦学习综述

virtuoso--工艺库答疑_tsmc mac-程序员宅基地

文章浏览阅读436次。一种带nbl_mac,一种带iso_mac?从版图结构上来看,iso_mac的管子自带bulk绕一圈,有HVNW电位,最外围加上P+ isolation。3. 有了tt, ss, ff, sf, fs后,为何既有mc lib 又有 mismatch lib?--尽量用带mac的lib。_tsmc mac

C++中的exit函数_c++ exit-程序员宅基地

文章浏览阅读6.9k次,点赞13次,收藏37次。**描述:**用来立即中止当前程序的执行,并将一个整数返回给系统,该整数的作用与“由mian函数返回的整数”相同,如果是0表示程序正常退出;如果非0表示程序异常退出。头文件#include<cstdlib>使用exit(0);//程序正常退出exit(1)//程序异常退出..._c++ exit

推荐文章

热门文章

相关标签