CSS中的 ',' 、''、'+'、'~'
1、群组选择器(',')
/* 表示既h1,又h2 */ h1, h2 {color: red; }
2、后代选择器(空格)
/* 表示 h1 下面的所有 span 元素,不管是否以 h1 为直接父元素 */ h1 span {}
3、子元素选择器('>')
选择作为某元素子元素的元素
/* 表示 h1 下面的所有以 h1 为直接父元素的 span 元素,注意必须以 h1 为直接父元素 */ h1 > span {}
示例:下面第一个h1的两个strong元素是红色,第二个h1的strong元素将不变色
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1>
h1 > strong {color:red;}
4、相邻兄弟选择器('+')
选择紧接在另一个元素后的元素,而且二者有相同的父元素。
<ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul><ol><li>List item 1</li><li>List item 2</li><li>List item 3</li></ol>
5、兄弟选择器('~')
选择某元素之后的所有元素,不一定要紧跟在后面,但必须得是相同父元素,即必须是同一级元素。
/* A之后的所有B元素,不一定要紧跟在A后面、相同父元素 */ A ~ B{}
转载于:https://www.cnblogs.com/wenxuehai/p/11449430.html
CSS中的 ',' 、''、'+'、'~'相关推荐
- css中float用法
文档流:浏览器根据元素在html文档中出现的顺序,从左向右,从上到下依次排列. 浮动属性是CSS中的定位属性,用法如下: float: 浮动方向(left.right.no ...
- 关于css中float的一切
原文:http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性. float有4个值:none, left, righ ...
- html如何给文字添加阴影效果,css中怎么给字体添加阴影效果
css中可以使用text-shadow属性给字体添加阴影效果,text-shadow是CSS样式属性单词,是设置对象中文本的文字字体是否有阴影及模糊效果的CSS样式. text-shadow属性的语法 ...
- css中绝对定位中的left和top属性
<html><head><title>Absolute Position</title><style type = "text/css& ...
- css中关于居中的那点事儿
css中关于居中的那点事儿 关于居中,无论是水平居中,还是垂直居中都有很多方式,下面我来介绍一些常用的. 第一部分:水平居中 1.实现行内元素的居中.方法:在行内元素外面的块元素的样式中添加:text ...
- CSS中background-position属性
CSS中background属性是经常用到的,可以给某个块设置背景色.以下主要说明以下background-position属性的应用. 一般在设置background属性时的写法是: backgro ...
- css在兼容模式下无法引用_如何在CSS中使用深色模式
css在兼容模式下无法引用 by Frank Lämmer 由FrankLämmer 如何在CSS中使用深色模式 (How to get dark mode working with CSS) I h ...
- web前端培训:CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
摘自:http://www.qianyunlai.com/post-2.html 以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很 ...
- CSS中浮动布局float(小米布局案例、导航栏案例、overflow)
1. CSS 布局的三种机制 网页布局的核心--就是用 CSS 来摆放盒子. CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流).浮动和定位, 其中: 普通流(标准流) 块级元素会 ...
最新文章
- jquery 的3D Carousel插件参数说明
- 反向春运成为新趋势 客流年增9%
- Android性能优化系列总篇
- LeetCode 1500. Design a File Sharing System(哈希map+优先队列)
- Ubuntu Server 18.04 与 MySQL 5.7
- Android 替换字体的方式以及同时替换多种字体
- 深入浅出“跨视图粒度计算”--2、INCLUDE表达式
- Dell™ PowerEdge™ R710机架式服务器旨在成为虚拟化企业的构建块
- mysql数据库操作语句整合
- 大数据分析中的四大数据类型
- VeriSign SSL证书产品及服务_VeriSign证书|SSL证书|EVSSL证书|服务器证书|数字证书
- java+mysql基于JSP0801报刊订阅系统(java,web)
- RW文档翻译学习——RW-BT-SW-COMMON-FS
- 数学表达式: 从恐惧到单挑 (7. min 与 argmin)
- pycharm设置字体粗细
- 【Android Studio】Android Studio ADB Wifi 无线调试
- IT屌丝:SKYCC组合营销软件事件营销案例
- 不用再羡慕同事有好看的财务报表啦,这里的报表模板随你用!
- 信息学奥赛中的STL(标准模板库)--2022.09.30
- 对开源操作系统最友好的龙芯
热门文章
- 【chromium】 Chromium OS的oom机制
- (兔子繁殖问题)有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到三个月后每个月又生一对兔子,假如兔子都不死,问32个月过后的兔子总数为多少?...
- SpringBoot实战(五)之Thymeleaf
- 【转】Docker 容器化核心概念
- 字符,字符串,int之间互相转换
- 5!(简单的了解for循环与递归的区别)
- ARM的编程模式和7种模式
- 获取打开文件的路径和文件名
- 通过NAT转发实现私网对外发布信息
- C++ operator操作符重载(++,--,-,+,())