6.22 css问题汇总

最新推荐文章于 2024-07-30 14:49:32 发布

懒猫zzz

最新推荐文章于 2024-07-30 14:49:32 发布

阅读量202

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/z1580925/article/details/80769119

版权

这篇博客汇总了CSS中的常见问题，包括伪类和伪元素的区别，如：一个冒号代表伪类，两个冒号代表伪元素；居中的多种方法；类名间的空格、逗号和大于号的不同含义；清除浮动的副作用以及CSS优先级的理解。此外，还讨论了特殊的重要性标志`!important`的使用和伪类/伪元素的应用场景。

摘要由CSDN通过智能技术生成

css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示

伪类就是给既存的元素模拟新添加一个类来实现某种效果。伪元素创建了一个虚假的元素，并插入到目标元素内容之前或之后，就是模拟新添加一个元素来实现某种效果，伪元素如果没有设置“content”属性，伪元素是无用的，但可以设置“content”的属性值为空。

用伪类:first-child将第一个p设成红色：

p:first-child {color: red}

<div>
  <p>第一个段落</p>    //我将变成红色
  <p>第二个段落</p>
</div>

等价于手动给DOM元素添加类：

.first-child {color: red}

<div>
  <p class="first-child">第一个段落</p>
  <p>第二个段落</p&

关注