全栈工程师开发手册 (作者:栾鹏)

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选择器,标签选择器,*通配符选择器,逗号 空格 + >相关推荐

  1. [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...

  2. [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...

  3. jquery 样式获取设置值_[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式...

    jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...

  4. jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...

  5. CSS基础选择器(标签选择器、类选择器、多类名选择器、 id选择器、通配符选择器、属性选择器)

    CSS基础选择器 选择器种类 标识 优缺点 标签(元素) div 快速为某一类标签统一样式,但不能设计差异化样式 类 .one-letter 为元素对象定义单独或者相同的样式 ID #app 同一个页 ...

  6. 【CSS 教程系列第 13 篇】什么是 CSS 中的通配符选择器

    这是[CSS 教程系列第 13 篇],如果觉得有用的话,欢迎关注专栏. CSS 的选择器有很多,常用的有 元素选择器.id 选择器.class 选择器.后代选择器.子代选择器.并集选择器.交集选择器. ...

  7. css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)

    css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...

  8. CSS常用选择器(通配符选择器,标签选择器,类选择器,id选择器.....),你知道多少?

    CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧! 一.通配符选择器 通配符选择器常用 '*' 号表示,它是所有选择器里作用范围最 ...

  9. css 大于号 标签_CSS设计基础选择器篇

    点击上方 Java项目学习 ,选择 星标 公众号 重磅资讯.干货,第一时间送达 前言:如果将CSS样式应用于特定的网页对象上,需要先找到目标元素.在CSS样式中执行这一任务的部分被称为选择器. 1 标 ...

最新文章

  1. [转]使用设计模式改善程序结构(二)
  2. 在GitHub上管理项目
  3. 网众无盘服务器 快车挂盘失败 显示 当前磁盘已经为超级工作站模式,网众无盘超级工作站的一些经验总结...
  4. 云端计算模型的MATLAB仿真与分析
  5. Algorithm Master Road:算法的时间/空间复杂度
  6. n个字符串按照字典序排列
  7. Kubernetes 微服务监控体系
  8. ECS实践案例丨逻辑卷的创建和扩容操作指导
  9. sed用法详解(转载)
  10. c语言猜数字课设报告,c语言猜数字课程设计报告.doc
  11. 计算机功率在线测试,电脑功耗计算在线测试
  12. 【边缘计算】刘阳:边缘计算发展中的若干热点问题及思考
  13. JavaWeb新闻发布系统案例3
  14. 最新系统MacOs13 Ventura(M1/M2芯片) + Parallels Desktop 18(PD18史上最强虚拟机)永久使用攻略
  15. 【公告】博客新皮肤上线啦
  16. ping6 之 unknown host 解决方法
  17. 如何让tensorflow_datasets加载本地下载的数据集
  18. Windows10系统添加虚拟网卡(Microsoft Loopback Adapter)的方法
  19. Java项目的代码如何实现?
  20. 西密歇根大学计算机科学专业排名,西密歇根大学排名

热门文章

  1. VoiceDial首款语音识别软件使用教程
  2. php url参数用–,php获取URL各部分参数
  3. vue(vue-cli+vue-router)+babel+webpack项目搭建入门(三)
  4. tensorflow机器学习实战指南 源代码_小小白TensorFlow机器学习实战基础
  5. div加载异步加载html,初始化页面,异步加载组件的问题
  6. oracle 拉链表 计算和,Oracle拉链表和流水表如何按照时间匹配求新的计算项
  7. 【CCCC】L2-013 红色警报 (25分),,并查集计算集合个数
  8. c语言输入1显示good,求助 无论输入什么输出的结果是个0
  9. MySQL不应出现的开始声明_备考:2019年9月计算机二级MySQL试题
  10. python加载机制_Python插件机制实现详解