CSS 组合选择符

原创 2018年04月17日 09:08:59

在 CSS3 中包含了四种组合方式:

  • 后代选取器(以空格分隔)
  • 子元素选择器(以大于号分隔)
  • 相邻兄弟选择器(以加号分隔)
  • 普通兄弟选择器(以破折号分隔)


后代选择器




子元素选择器



相邻兄弟选择器




后续兄弟选择器



版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41328247/article/details/79969508

关于分组选择符

作用:为html中多个标签元素设置同一个样式 语法:h1,span{font-size:20px} 相当于下面两行代码 h1{font-size:20p...
  • lianglizhong1991
  • lianglizhong1991
  • 2016年08月02日 15:59
  • 329

CSS选择符类型

1、类型选择符: 就是HTML文档中的元素[作用于html标记] 如:p{属性:值} 2、类选择符:可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,用于定义重复的样式。类以英...
  • u014646662
  • u014646662
  • 2015年10月17日 23:28
  • 1651

CSS 选择符有哪些

CSS 选择符有哪些 1)id 选择器(#myid) 2)类选择器(.myclassname) 3)标签选择器(div,h1,p) 4)相邻选择器(h1 + p) 5)子选择器(ul >...
  • Judian6974
  • Judian6974
  • 2017年08月01日 17:26
  • 1937

CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?

1、CSS选择符有哪些?     类型选择符(body)、群组选择符(h1,h2,h3,span)、包含选择符(h2 span)、ID选择符(#id)、Class选择符(.content)2、哪些属性...
  • you23hai45
  • you23hai45
  • 2015年10月11日 20:58
  • 10729

css选择符的优先级

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? 一、.CSS的选择符有哪些? 1.id选择器( # myid) 2.类选择器(.myclassname...
  • shuidinaozhongyan
  • shuidinaozhongyan
  • 2017年05月10日 14:58
  • 332

CSS 组合选择符

1.空格   选取所有后代元素 div p { background-color:yellow; } 选取div元素的所有后代p元素,可以是子元素,子子元素... 2.大于号 >  选取所有直接...
  • xuanwuziyou
  • xuanwuziyou
  • 2015年05月25日 16:15
  • 560

HTML/CSS 选择符优先级

CSS的选择符优先级1、同级样式默认后者覆盖前者2、样式优先级 类型(1) < class[type](10)=伪类(10) < id(100) < style行间样式(1000) < ...
  • u014420383
  • u014420383
  • 2015年08月08日 17:16
  • 938

css组合选择符

/*后代选取器(以空格分隔)*/ /*匹配所有该元素的后代元素。*/ .body1 p { background-color:red; ...
  • qq_35313994
  • qq_35313994
  • 2016年06月15日 20:27
  • 704

css学习笔记——CSS 组合选择符

CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选取器(以...
  • Gavid0124
  • Gavid0124
  • 2015年04月28日 14:33
  • 421

CSS常用的三种选择符

常用的三种选择符 (我感觉这是初级教程中最难的地方:) xhtml标签选择符,比如 p标签选择符(代表所有的段落都使用这个CSS样式),比如 p{font-size:12px;}id选择符,唯一性...
  • lpy1016lc
  • lpy1016lc
  • 2015年05月07日 13:25
  • 565
收藏助手
不良信息举报
您举报文章:CSS 组合选择符
举报原因:
原因补充:

(最多只允许输入30个字)