css中大于符号是什么意思
css中大于符号是css3特有的子元素选择器,子元素选择器只能选择作为某元素子元素的元素,其语法如“h1 > strong {color:red;}”。
推荐:《css视频教程》
css中大于符号(“>”)代表的是css3特有的子元素选择器(element>element )。子元素选择器(Child selectors)只能选择作为某元素子元素的元素。
如果你不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。
例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写:
1
h1 > strong {color:red;}
这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响:
示例:
1
2
3
4
5
6
7
8
9
10
11
12
This is very very important.
This is really very important.
css 子元素选择器
element>element 选择器用于选择特定父元素。
注意:元素没有被选中是不能直接指定父级的子元素。
子选择器使用了大于号(子结合符)。
子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题:
1
2
3
4
h1 > strong
h1> strong
h1 >strong
h1>strong
如果从右向左读,选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。
css中大于符号是什么意思相关推荐
- CSS中大于号[]的含义
css中">"是在子元素选择器中出现的: ">"是css3特有的选择器,表明class样式只作用于子级元素,对于子级再往下的元素则忽略不计,比如孙级 ...
- JavaScript中大于符号与小于符号的问题
在做项目时遇到一个这样的问题,用JavaScript做判断比较 console.log(1<1<2); 输出结果为true,于是我继续做了下实验,发现 console.log(1<1 ...
- 【转载】Linux中大于符号的用法
linux中, >表示覆盖原文件内容(文件的日期也会自动更新). >>表示追加内容(会另起一行,文件的日期也会自动更新). 1 .将history命令执行的结果保存到history. ...
- 【Css】css中class之间>(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解(转载,笔记用)
css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...
- css里的符号含义【串联选择器】和【后代选择器】
先介绍一下串联选择器和后代选择器的概念. 串联选择器 作用在同一个标签上. <div class="a" id ="qq"><span> ...
- Jquery与CSS中的大于符号
在Jquery中,使用大于号选择符,表示在第一级子元素中查找元素 例如: $('#content>div') 表示查找第一级子元素中的div,例如在 1 <div>1 2 <d ...
- CSS样式中” 大于号”
CSS样式中" 大于号" 在一段CSS代码中见到一个大于号(>),代码如下: BODY#css-zen-garden > DIV#extraDiv2 { BACKGRO ...
- CSS中加号、星号及其他符号的作用
转自:http://blog.sina.com.cn/s/blog_6790717801011dx8.html 首先,什么是CSS hack? 针对不同的浏览器写不同的CSS code的过程,就叫CS ...
- css中的大于号是什么意思 有何作用
css中的大于号是什么意思 有何作用 .menu :hover > a { color:white; background-color:white ; font-weight:bold; } ...
最新文章
- 为Process.waitFor设置超时
- android模拟器EditText 不能用物理键盘输入,也不能用电脑键盘输入
- P3239 [HNOI2015]亚瑟王(期望)
- django模型查询_如何在Django中编写有效的视图,模型和查询
- vue+webpack 安装常见插件
- 解决macOS Sierra 隐藏“允许任何来源的应用”选项问题
- 获取pycharm 2016.1.4 注册码 (window系统) 2016.3注册码(Ubuntu系统)
- 微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法
- 剑指offer -- 反转链表
- 深入 AI 之前,你需要学习的服务与框架
- matlab:在FUNCTION处出现解析错误:使用的MATLAB语法可能无效。
- 常用PC/手机浏览器UA
- 单反相机的传奇—佳能单反50年辉煌之路(连载十六)
- 一元二次方程求根c语言编码,一元二次方程求解程序完整代码
- 虚拟服务器ip怎么配,如何向虚拟服务器分配端口和 IP 地址
- perl dbi mysql 参数_perl dbi mysql-值精度
-问答-阿里云开发者社区-阿里云
- NPOI_Excel中设置小数、百分比、货币、日期、科学计数法和金额大写
- 谈一谈第一代5G手机的射频设计
- open和with open的用法,你弄明白了吗?
- MAC修改jar包并打包
热门文章
- flot.js ajax,如何画Flot实时更新图
- 服务器运维基础(一)
- H264的I/P/B帧类型判断(一)
- 微信小程序点击图片,可全屏预览图片,长按可保存可转发朋友
- STM32F103C8T6下载时读芯片信息失败常见问题
- wd5000lplx做服务器系统盘,孤独的2.5HDD王者,西数黑盘WD5000LPLX
- 钢之炼金术师主题曲之不死传说铃声 钢之炼金术师主题曲之不死...
- C语言for循环语句的使用方法
- java 自定义 jpanel_JAVA GUI自定义JPanel画板背景
- Bochs源码分析 - 15:bochs对于call far(tss_sel)指令的实现机制