子代选择器（>）后代选择器（' '）的区别

【子代选择器（>）后代选择器（' '）的区别】的更多相关文章

css的高级选择器,后代选择器,子代选择器,并集选择器,交集选择器

高级选择器: 后代选择器子代选择器并集选择器交集选择器一.后代选择器: 使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子) 也就是说,box类下的所有span标签字体颜色都被设置为了红色 .box span{ color:red; } 二.子代选择器: 使用>表示子代选择器. 之选中box类下第一层的span标签设置为红色 .box>span{ color:red; } 三.并集选择器: 多个选择器之间用逗号隔开,表示选中页面中的多个标签, 一些共性的元素可以使用并集选…

css——子代与后代选择器

一直都以为,子代选择器与后代选择器作用是一样的,都是选择一个元素下面的子元素,直到今天才明白: 1.子代选择器(用<连接):ul>li 子选择器仅仅选择ul包围的子元素中的 li元素,不包括孙元素.曾孙元素等: 2.后代选择器(用空格连接):ul li 后代选择器是选择ul包围的所有元素中的所有li元素,包括子元素.孙元素.曾孙元素等:…

CSS后代选择器可能的错误认识

一.关于类选择器的一个问题 CSS代码: .red { color: red; } .green { color: green; } HTML代码: <div class="red"><div class="green"><p>1. 颜色是?</p></div></div> <div class="green"><div class="red&qu…

小tip: CSS后代选择器可能的错误认识——张鑫旭

一.关于类选择器的一个问题假设有下面一个面试题,CSS代码如下: .red { color: red; } .green { color: green; } HTML如下: <div class="red"><div class="green"><p>1. 颜色是?</p></div></div> <div class="green"><div class…

python 全栈开发，Day47(行级块级标签,高级选择器,属性选择器,伪类选择器,伪元素选择器,css的继承性和层叠性,层叠性权重相同处理,盒模型,padding,border,margin)

一.HTML中的行级标签和块级标签块级标签常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd 1.独占一行,不和其他元素待在同一行2.能设置宽高3.如果不设置宽高,默认为body100%宽度行级标签常见的行级标签:a,span,strong,u,em 1.能和其他元素待在同一行2.不能设置宽高3.宽高是内容的宽高行内块标签常见的行内块标签:img,input,textarea1.能和其他元素待在一行2.能设置宽高 span默认是不能设置宽高的,但是设置了displ…

前端 CSS的选择器高级选择器

高级选择器分为: 后代选择器儿子选择器并集选择器交集选择器后代选择器使用空格表示后代选择器.父元素的后代(包括儿子,孙子,重孙子) 后代选择器在CSS中使用非常频繁因为HTML元素可以嵌套,所以我们可以从某个元素的后代查找特定元素,并设置样式: /*div内部的p标签设置字体颜色*/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…

CSS中的选择器之类选择器和id选择器

1.css中的选择器: 1.类选择器,又叫class选择器 2.id选择器 3.html元素选择器(又叫标签选择器) 4.通配符选择器 5.伪类选择器 6.组合选择器(多元素选择器,子元素选择器,后代选择器) 简单来说,选择器就是在css中创建,而在网页页面(html,jsp,php,asp.net)中使用选择器的名称命名规范: 一般使用中划线形式:xxx-yyy,一般是小写字母 2.类选择器基本语法: .类选择器名称{ CSS属性:属性值; CSS属性:属性值; } 一般来说,类选择器是提…

子代选择器（>）后代选择器（' '）的区别

子代选择器是指紧接着父级的那个标签,如:container>a指的是紧接着container后面的第一个a(儿子级别的,孙子或者之后的a是不能生效的) 后代选择器是用空格分开的,如:container a指的是continent里面所有的a(儿子,孙子,重孙子……都会生效) 详细说明:http://jingyan.baidu.com/article/b0b63dbfee7fe64a48307083.html…

CSS的子选择器与后代选择器的区别

来源于:http://www.jianshu.com/p/599654ba5f4a 子选择器: 一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素.如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素(第一子代)li(水果.蔬菜)加入红色实线边框. 包含(后代)选择器: 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素.如右侧代码编辑器中的代码: .first span…

CSS 子元素选择器与后代选择器区别实例讲解

css子元素选择器和后代选择器在功能描述上非常相同,但是他们其实是有区别的,本文章通过两个简单的实例向大家介绍子元素选择器与后代选择器的区别,需要的朋友可以参考一下. 首先我们来了解一下子元素选择器与后代选择器的基本语法语法子元素选择器的语法如下: div>ul{color:red:} 子元素选择器使用大于号">"做为连接符,子元素选择器只能选择作为某元素子元素的元素后代选择器的语法如下: h1 em{color:red;} 后代选择器可以选择作为某元素后代的元素,父…