例如:

div > p.some_class {

/* Some declarations */

}

究竟是什么的>符号是什么意思?

Answer 1:

>是子组合子 ,有时被误称为直系后裔组合子。 1

这意味着选择器div > p.some_class仅选择的段落.some_class是直接嵌套在内部 div ,而不是被内进一步嵌套的任何段落。

一个例证:

Some text here

More text here

什么是选择,什么是不:

此p.some_class直接位于内侧div ,因此在两元件之间建立父子关系。

未选中的

这p.some_class是由包含blockquote的内div ,而不是div本身。 虽然这p.some_class是的后代div ,它不是一个孩子; 这是一个孙子。

因此,尽管div > p.some_class不会匹配这个元素, div p.some_class意志,使用后代组合子来代替。

1 很多人去进一步称之为“直子”或“直接子”,但这是完全没有必要的(和令人难以置信的讨厌我),因为一个子元素是通过定义即时无论如何,所以他们的意思是完全一样的事情。 有作为“间接子”没有这样的事。

Answer 2:

> (大于符号)是一个CSS Combinator的。

一个组合子是什么,解释了选择之间的关系。

CSS选择器可以包含多个简单的选择。 简单的选择之间,我们可以包括组合子。

有CSS3中四个不同的组合子:

后代选择(空间)

子选择(>)

相邻的兄弟选择器(+)

一般兄弟选择(〜)

注:

例如:

div > p {

background-color: yellow;

}

Paragraph 1 in the div.

Paragraph 2 in the div.

Paragraph 3 in the div.

Paragraph 4. Not in a div.

Paragraph 5. Not in a div.

输出:

关于CSS组合子的更多信息

Answer 3:

正如其他人提到,这是一个子选择。 下面是相应的链接。

http://www.w3.org/TR/CSS2/selector.html#child-selectors

Answer 4:

它匹配p与类元素some_class是直接一个下div 。

Answer 5:

所有p与类标签some_class这是一个直接的孩子div标签。

Answer 6:

html

lohrem text (it will be of red color )

lohrem text (it will NOT be of red color)

lohrem text (it will be of red color )

css

div > p.some_class{

color:red;

}

所有这一切都直接子女

与.some_class会得到应用到他们的风格。

Answer 7:

(子选择器)中CSS2引入。 DIV p {}选择div元素的所有p元素继承人,而DIV> p选择上等等独生子女p元素,没有隆重的孩子,大孩子盛大。

div p{ color:red } /* match both p*/

div > p{ color:blue } /* match only first p*/

para tag, child and decedent of p.

  • para inside list.

有关CSS策[讲师和他们使用的更多信息,请查看我的博客, CSS选择器和CSS3选择器

文章来源:

html大于号是什么选择器,什么是“”(大于号)CSS选择器是什么意思?什么是“”(大于号)CSS选择器是什么意...相关推荐

  1. 【Google】【内部样式表】【外部样式表:听力地点方向题】【设置字体间距】【多类、子元素选择器】【网页设计与网站开发HTML、CSS、JavaScript】【第 8 章】CSS基础——实验题1-6

    以下为本人大一选修课<网页设计与网站开发>的实验作业题,均为本人原创,分享给大家.如有不足之处欢迎指出. 目录 实验1 1.题目 2.代码 3.网页运行效果 实验2 1.题目 2.代码 3 ...

  2. 0基础快速入门CSS技术栈(4)—图解详细阐述CSS的复合选择器、标签显示模式、行高、CSS背景,及最为重要的CSS三大特性附带权重计算笔试题(附详细案例源码解析过程)

    文章目录 1. 0基础快速入门CSS技术栈(4) 2. 重点提炼 3. CSS复合选择器 3.1 后代选择器(重点) 3.1.1 example01 3.2 子元素选择器 3.2.1 exmaple0 ...

  3. 花33元租号玩2小时王者荣耀,未成年为绕过防沉迷用上黑科技上号器App

    梦晨 发自 凹非寺 量子位 报道 | 公众号 QbitAI 史上最严防沉迷规定的第一周,已经有小学生租号玩王者荣耀了. 据央视新闻曝光,租一个等级高.皮肤多的账号玩2小时就要花费33元. 而且不是店家 ...

  4. HTML+CSS+JavaScript复习笔记持更(五)——CSS选择器

    CSS选择器 在一个页面中,必不可少的就是css样式,css样式全都写在style标签中,在使用css时,我们可以用的css选择器非常之多,所以css选择器的分类也很多,但是基本上可以统计分为两类:基 ...

  5. C语言试题五十七之假定输入的字符串中只包含字母和*号。请编写函数function,它的功能是:删除字符串中所有*号。在编写函数时,不得使用c语言提供的字符串函数。

    1. 题目 假定输入的字符串中只包含字母和*号.请编写函数function,它的功能是:删除字符串中所有*号.在编写函数时,不得使用c语言提供的字符串函数. 2 .温馨提示 C语言试题汇总里可用于计算 ...

  6. [css] 浏览器是怎样判断元素是否和某个CSS选择器匹配?

    [css] 浏览器是怎样判断元素是否和某个CSS选择器匹配? 有选择器: div.ready #wrapper > .bg-red 先把所有元素 class 中有 bg-red 的元素拿出来组成 ...

  7. css 查看更多_在Scrapy中如何利用CSS选择器从网页中采集目标数据——详细教程(上篇)...

    /前言/ 今天小编给大家介绍Scrapy中另外一种选择器,即大家经常听说的CSS选择器. /CSS基础/ CSS选择器和Xpath选择器的功能是一致的,都是帮助我们去定位网页结构中的某一个具体的元素, ...

  8. 87.假定输入的字符串中只包含字母和*号。请编写函数fun,它的功能是:除了字符串前导的*号之外,将串中其他*号全部删除。在编写函数时,不得使用C语言提供的字符串函数。

    87.假定输入的字符串中只包含字母和号.请编写函数fun,它的功能是:除了字符串前导的号之外,将串中其他*号全部删除.在编写函数时,不得使用C语言提供的字符串函数. 例如,若字符串中的内容为****A ...

  9. 清明节快到了,车辆尾号限行规则提前看!一文带你了解全国各地的尾号限行规则

    写在前面 车辆尾号限行是一个交通出行政策,根据地方交通管理政策,在一周内的某一天,该尾号车辆不允许在规定路段行驶.这种政策不是针对特定道路和特定车辆,是在一定区域内对所有车辆都具有制约能力,而且会不定 ...

  10. 通过css实现对勾(√)和叉号(×)

    通过css实现对勾(√)和叉号(×) 第一种方式: HTML: <span class="status correct"></span><span c ...

最新文章

  1. 邮箱验证功能原理 语法 属性
  2. 公开分布式高性能查询的源代码和部署方案(一)
  3. JSON字符串通过response下载保存
  4. prometheus+grafana+pushgateway+node-exporter+consul搭建监控系统
  5. ndr4108贴片晶振是多少频率_王一博社交平台:抛开贴小广告的电线杆,字里行间可见真性情...
  6. jzoj3189-解密【字符串hash】
  7. java arraylist用法_Java入门系列:实例讲解ArrayList用法
  8. 推荐系统思维导图——第一章
  9. HTML转PDF字体的坑,搞了半天
  10. 金仓数据库KingbaseES中 数据库实例命令
  11. 计算机如何驱动无线网络,无线网卡驱动怎么安装,小编教你怎么给电脑安装无线网卡驱动...
  12. plotyy函数_Matlab plotyy函数的使用及问题总结
  13. dof景深matlab,Shader学习(三):DOF(景深)
  14. intel无线网卡的型号和驱动一览
  15. VUE中数组赋值push与=的区别
  16. Java到底是什么?学习java可以做什么呢?
  17. 细思极恐!使用 AI 控制你的浏览器
  18. 查看lv大小 linux,扩展AIX上的LV大小
  19. 在debian系统下安装R以及Rstudio的经历
  20. 致毕业生:那些年我们错过的“BAT” 1

热门文章

  1. [读书笔记]《程序员代码面试指南》
  2. 搜狗输入法 for Mac
  3. 10个流行常用的Django第三方包-大江狗推荐
  4. 免费的微信签到抽奖——微信大屏幕
  5. golang 学习 - chan以及chan的一下用例
  6. 计算机交换机配置实验心得,网络配置实验心得
  7. 华为路由器选型及应用
  8. python爬取股票数据,以上证指数为例,可以爬取任何股票,保存为temp.csv文件
  9. IOS开发:如何修改 SwiftUI 模板项目的启动页面
  10. GC8418 数字光纤音频解码芯片 光纤解码芯片 CS8418替代 MS8413替代