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中大于符号是什么意思相关推荐

  1. CSS中大于号[]的含义

    css中">"是在子元素选择器中出现的: ">"是css3特有的选择器,表明class样式只作用于子级元素,对于子级再往下的元素则忽略不计,比如孙级 ...

  2. JavaScript中大于符号与小于符号的问题

    在做项目时遇到一个这样的问题,用JavaScript做判断比较 console.log(1<1<2); 输出结果为true,于是我继续做了下实验,发现 console.log(1<1 ...

  3. 【转载】Linux中大于符号的用法

    linux中, >表示覆盖原文件内容(文件的日期也会自动更新). >>表示追加内容(会另起一行,文件的日期也会自动更新). 1 .将history命令执行的结果保存到history. ...

  4. 【Css】css中class之间>(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解(转载,笔记用)

    css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...

  5. css里的符号含义【串联选择器】和【后代选择器】

    先介绍一下串联选择器和后代选择器的概念. 串联选择器 作用在同一个标签上. <div class="a" id ="qq"><span> ...

  6. Jquery与CSS中的大于符号

    在Jquery中,使用大于号选择符,表示在第一级子元素中查找元素 例如: $('#content>div') 表示查找第一级子元素中的div,例如在 1 <div>1 2 <d ...

  7. CSS样式中” 大于号”

    CSS样式中" 大于号" 在一段CSS代码中见到一个大于号(>),代码如下: BODY#css-zen-garden > DIV#extraDiv2 { BACKGRO ...

  8. CSS中加号、星号及其他符号的作用

    转自:http://blog.sina.com.cn/s/blog_6790717801011dx8.html 首先,什么是CSS hack? 针对不同的浏览器写不同的CSS code的过程,就叫CS ...

  9. css中的大于号是什么意思 有何作用

    css中的大于号是什么意思 有何作用 .menu :hover > a { color:white;  background-color:white ;  font-weight:bold; } ...

最新文章

  1. 为Process.waitFor设置超时
  2. android模拟器EditText 不能用物理键盘输入,也不能用电脑键盘输入
  3. P3239 [HNOI2015]亚瑟王(期望)
  4. django模型查询_如何在Django中编写有效的视图,模型和查询
  5. vue+webpack 安装常见插件
  6. 解决macOS Sierra 隐藏“允许任何来源的应用”选项问题
  7. 获取pycharm 2016.1.4 注册码 (window系统) 2016.3注册码(Ubuntu系统)
  8. 微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法
  9. 剑指offer -- 反转链表
  10. 深入 AI 之前,你需要学习的服务与框架
  11. matlab:在FUNCTION处出现解析错误:使用的MATLAB语法可能无效。
  12. 常用PC/手机浏览器UA
  13. 单反相机的传奇—佳能单反50年辉煌之路(连载十六)
  14. 一元二次方程求根c语言编码,一元二次方程求解程序完整代码
  15. 虚拟服务器ip怎么配,如何向虚拟服务器分配端口和 IP 地址
  16. perl dbi mysql 参数_perl dbi mysql-值精度 -问答-阿里云开发者社区-阿里云
  17. NPOI_Excel中设置小数、百分比、货币、日期、科学计数法和金额大写
  18. 谈一谈第一代5G手机的射频设计
  19. open和with open的用法,你弄明白了吗?
  20. MAC修改jar包并打包

热门文章

  1. flot.js ajax,如何画Flot实时更新图
  2. 服务器运维基础(一)
  3. H264的I/P/B帧类型判断(一)
  4. 微信小程序点击图片,可全屏预览图片,长按可保存可转发朋友
  5. STM32F103C8T6下载时读芯片信息失败常见问题
  6. wd5000lplx做服务器系统盘,孤独的2.5HDD王者,西数黑盘WD5000LPLX
  7. 钢之炼金术师主题曲之不死传说铃声 钢之炼金术师主题曲之不死...
  8. C语言for循环语句的使用方法
  9. java 自定义 jpanel_JAVA GUI自定义JPanel画板背景
  10. Bochs源码分析 - 15:bochs对于call far(tss_sel)指令的实现机制