美文网首页
CSS选择器中的空格与尖括号有何区别?

CSS选择器中的空格与尖括号有何区别?

作者: 远望的云 | 来源:发表于2018-03-08 01:01 被阅读26次

例子1:

.a .b

{

    margin: 0;

}

空格隔开a和b,选择所有后代元素。

例子2:

.a>.b 

{

     margin: 0;

}

尖括号隔开a和b,选择所有子元素。

两个例子的区别就在于后代和子,后代包含子子孙孙。

相关文章

  • CSS选择器中的空格与尖括号有何区别?

    例子1: .a .b { margin: 0; } 空格隔开a和b,选择所有后代元素。 例子2: .a>.b ...

  • CSS3选择器(first-of-type与first-chil

    css选择器中:first-child与:first-of-type的区别 :first-child选择器是css...

  • CSS选择器以及CSS的三大特性

    标签(空格分隔): CSS CSS选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。HTML页...

  • CSS第二天

    CSS 代码规范 代码规范 [强制] 选择器与 { 之间必须包含空格. 示例: .selector { } [强...

  • 2020-01-12

    css选择器 子代选择器:空格、> 空格:选择父元素内所有子元素 >:选择直属父元素的子元素 兄弟选择器:+、~ ...

  • 2019-11-27

    css规范 缩进 [强制] 使用 2 个空格 或 tab 字符做为一个缩进层级。 1 空格 [强制] 选择器 与...

  • CSS选择器(二)

    问题: css选择器#main > .images与#main .images与#main, .images的区别...

  • css 选择器

    CSS写法风格 空格注意:1 属性值前面,冒号后面,保留一个空格2 选择器(标签)和大括号中间保留空格 选择器 一...

  • CSS 选择器

    CSS选择器的概念 标签选择器 类选择器 ID选择器 类选择器与ID选择器的区别 子代选择器 后代选择器 子选择器...

  • nth-child与nth-of-type使用中对选择器的注意事

    首先,在css选择器中,有一个细节需要注意,就是选择父元素下的子元素后,父子元素之间是否有空格。 有空格的情况下,...

网友评论

      本文标题:CSS选择器中的空格与尖括号有何区别?

      本文链接:https://www.haomeiwen.com/subject/bmlefftx.html