在CSS中可以使用和>

前端之家收集整理的这篇文章主要介绍了在CSS中可以使用和>前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这可能是一个基本问题,但对我而言,我仍然可以使用或者>在CSS中。

我看到很多选择器,如li> a或div span等等,但我不知道有什么区别是什么时候使用它们?

解决方法

>符号意味着选择一个直系后裔

例:

CSS

  1. div > ul {
  2. list-style: none;
  3. }

HTML
这里的风格将适用于< ul>

  1. <div>
  2. <ul>
  3. </ul>
  4. </div>

标志意味着选择一个相邻的兄弟姐妹

例:

CSS

  1. p + p
  2. {
  3. font-weight: bold;
  4. }

HTML
这里的风格将适用于后者< p>

  1. <div>
  2. <p></p>
  3. <p></p>
  4. </div>

猜你在找的CSS相关文章