css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >
全栈工程师开发手册 (作者:栾鹏)
css系列教程1—选择器全解
css基本选择器
包括id选择器,class选择器,标签选择器,*通配符选择器,以及使用逗号实现查询集合,空格实现查询后代,>实现查询子元素,+实现查询后续同胞元素,
代码如下:
h2{ /* 标签选择 */
}
p,h1{ /* 使用逗号实现元素合集 */
}
div h1,div h2{ /* 使用空格实现后代元素(子元素和子孙元素)查询,表示div的后代元素h1,h1和div的合集,在从合集中查找后代元素h2,最后查询到的为h2列表 */background-color: #2b542c;
}
p>h1{ /* >表示直接子元素 */
}
p+h1{ /* +表示紧接在后面的同胞元素,选择h1元素 */
}
html>body table+ul{ /* 在html元素中查询直接子元素body,在body中查询后代元素table,在table元素后面查询同胞元素ul,即在最后选择的为ul列表 */
}
body *{ /* *通配符选择器,匹配所有元素,表示匹配body的所有后代元素 */
}
p.class1.class2{ /* .表示class类选择器,p为标签,连在一块写,表示多重筛选,一个元素可以有多个样式 */
}
#id1{ /* #id选择器,一个元素只能有一个id,所有元素的id不能相同 */
}
css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >相关推荐
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...
- jquery 样式获取设置值_[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式...
jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...
- CSS基础选择器(标签选择器、类选择器、多类名选择器、 id选择器、通配符选择器、属性选择器)
CSS基础选择器 选择器种类 标识 优缺点 标签(元素) div 快速为某一类标签统一样式,但不能设计差异化样式 类 .one-letter 为元素对象定义单独或者相同的样式 ID #app 同一个页 ...
- 【CSS 教程系列第 13 篇】什么是 CSS 中的通配符选择器
这是[CSS 教程系列第 13 篇],如果觉得有用的话,欢迎关注专栏. CSS 的选择器有很多,常用的有 元素选择器.id 选择器.class 选择器.后代选择器.子代选择器.并集选择器.交集选择器. ...
- css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...
- CSS常用选择器(通配符选择器,标签选择器,类选择器,id选择器.....),你知道多少?
CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧! 一.通配符选择器 通配符选择器常用 '*' 号表示,它是所有选择器里作用范围最 ...
- css 大于号 标签_CSS设计基础选择器篇
点击上方 Java项目学习 ,选择 星标 公众号 重磅资讯.干货,第一时间送达 前言:如果将CSS样式应用于特定的网页对象上,需要先找到目标元素.在CSS样式中执行这一任务的部分被称为选择器. 1 标 ...
最新文章
- [转]使用设计模式改善程序结构(二)
- 在GitHub上管理项目
- 网众无盘服务器 快车挂盘失败 显示 当前磁盘已经为超级工作站模式,网众无盘超级工作站的一些经验总结...
- 云端计算模型的MATLAB仿真与分析
- Algorithm Master Road:算法的时间/空间复杂度
- n个字符串按照字典序排列
- Kubernetes 微服务监控体系
- ECS实践案例丨逻辑卷的创建和扩容操作指导
- sed用法详解(转载)
- c语言猜数字课设报告,c语言猜数字课程设计报告.doc
- 计算机功率在线测试,电脑功耗计算在线测试
- 【边缘计算】刘阳:边缘计算发展中的若干热点问题及思考
- JavaWeb新闻发布系统案例3
- 最新系统MacOs13 Ventura(M1/M2芯片) + Parallels Desktop 18(PD18史上最强虚拟机)永久使用攻略
- 【公告】博客新皮肤上线啦
- ping6 之 unknown host 解决方法
- 如何让tensorflow_datasets加载本地下载的数据集
- Windows10系统添加虚拟网卡(Microsoft Loopback Adapter)的方法
- Java项目的代码如何实现?
- 西密歇根大学计算机科学专业排名,西密歇根大学排名
热门文章
- VoiceDial首款语音识别软件使用教程
- php url参数用–,php获取URL各部分参数
- vue(vue-cli+vue-router)+babel+webpack项目搭建入门(三)
- tensorflow机器学习实战指南 源代码_小小白TensorFlow机器学习实战基础
- div加载异步加载html,初始化页面,异步加载组件的问题
- oracle 拉链表 计算和,Oracle拉链表和流水表如何按照时间匹配求新的计算项
- 【CCCC】L2-013 红色警报 (25分),,并查集计算集合个数
- c语言输入1显示good,求助 无论输入什么输出的结果是个0
- MySQL不应出现的开始声明_备考:2019年9月计算机二级MySQL试题
- python加载机制_Python插件机制实现详解