本文目录
- html css属性选择器问题
- CSS选择器中的空格与尖括号有何区别
- 在css定义CLASS时中间有空格和没空格的区别
- 在css中,如果还需要继续指定后续的祖先元素,则元素明中加空格是什么意思
- CSS样式名之间空格,无空格和大于号的区别
- 在CSS中,这段代码中的选择器是类,还是标签
- css选择元素时有没有空格的区别
- 定义css 语法解释
- css样式表空格与不空格的关系
html css属性选择器问题
你写的下面的那个css选择器中间没有加空格,代表的是同时拥有class为ucenter-left和class为ucenter-l-header的元素,举例:
《div class="ucenter-left ucenter-l-header"》《/div》
CSS选择器中的空格与尖括号有何区别
空格表示的是后代选择器,尖括号表示子代选择器div p{ } 选择到的是div中的所有p标签,不管p标签是div的子级还是“更深层次”的级别div 》 p { } 选择到的是div中的p标签,且p标签必须为div的子元素
在css定义CLASS时中间有空格和没空格的区别
如果两个class之间以空格分隔,则两个class之间是包含关系,或者说前一个class是后一个class的父元素或者祖先元素(也可以说后一个class是前一个class的子元素或后代元素),样式将作用在后一个class上。如果两个class之间以逗号分割,则两个class之间是平等关系(跟它们的实际关系无关),样式将同时作用在两个class上
在css中,如果还需要继续指定后续的祖先元素,则元素明中加空格是什么意思
CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。CSS的选择器分为两大类:基本选择题和扩展选择器。基本选择器:标签选择器:针对一类标签ID选择器:针对某一个特定的标签使用类选择器:针对你想要的所有标签使用通用选择器(通配符):针对所有的标签都适用(不建议使用)下面来分别讲一讲。1、标签选择器:选择器的名字代表html页面上的标签标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。举例:《style type="text/css"》p{ font-size:14px;}《/style》《body》《p》css《/p》《/body》再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端”两个变为红色字体,那么我可以用《span》标签把“前端”这两个字围起来,然后给《span》标签加一个标签选择器。代码如下:《!DOCTYPE html》《html》《head》 《meta charset="UTF-8"》 《title》Document《/title》 《style type="text/css"》 span{ color: red; } 《/style》《/head》《body》 《p》学完了安卓,继续学《span》前端《/span》哟《/p》《/body》《/html》【总结】需要注意的是:(1)所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input、div等。(2)无论这个标签藏的多深,一定能够被选择上。(3)选择的所有,而不是一个。
CSS样式名之间空格,无空格和大于号的区别
比如下面这段代码:
《div class="aa bb"》 《p class="bb"》 《span class="bb"》《/span》 《/p》《/div》
选择器:.aa .bb
.aa和.bb间加上空格,是子选择器,选择.aa下含有.bb的子节点,子包括儿子节点、孙子节点,选择出的内容包括p.bb,span.bb;
选择器: .aa.bb
.aa和.bb间无空格,是选择同一个元素,只不过选择器粒度更精细了些,选择的元素既有.aa类,也有.bb类,选择出的内容为:div.bb
选择器:.aa》.bb
.aa和.bb间加上大于号,也是子选择器,选择.aa下含有.bb的子节点,子只包括儿子节点,选择出的内容为p.bb
在CSS中,这段代码中的选择器是类,还是标签
《h3 class="special"》11111111111111《/h3》《h3》22222222222222222《/h3》“标签.classname”如h3.special是对class为special的h3标签生效。所以h3.special是对11111111111111111生效逗号分割开的意思是对h3.special和.special和#one同时生效。
css选择元素时有没有空格的区别
css选择元素时有没有空格的区别,举例如下:example .pp{ color: orange;}.example.pp2 { color: green;}如上面的两个定义一个是中间有空格,一个是中间没空格。第一个class要这样写生效:《p class="example"》文字文字《span class="pp"》pp这个class生效《/span》....《/p》第二个class要这样写生效:《p class="example pp2"》pp2这个class生效《/p》.example .pp = E F 是后代选择器。.example.pp2 则是在一个元素上,这个元素包括这两个类才会有效果。.example .pp中间用空格隔开,表示后代选择器,选择的是.example内的.pp。
定义css 语法解释
空格隔开写法表示子元素或孙子元素
.div1 .div2{...} 的样式最终生效于.div2《div class="div1"》 《div class="div2"》div2《/div》《/div》
直接给你例子就明白了:
.screen-hd .map .mod-d .mod-wrap{...}《div class="screen-hd"》 《div class="map "》 《div class=".mod-d"》 《div class=".mod-wrap"》最终生效的是这里《/div》 《/div》 《/div》《/div》
参数相同的定义应该是用逗号隔开,如:
.head,.main{width:1000px;}意思是.head和.main的宽都为1000px
css样式表空格与不空格的关系
有空格表示上下级关系或者说父子关系,比如:
《style》.a .b { color: red}《/style》《div class="a"》 《div class="b"》 这里的文字是红色 《/div》《/div》
没有空格则表示叠加关系,比如:
《style》.a.b { color: red}《/style》《div class="a b"》 这里的文字是红色《/div》