第二部分:前端开发项目中的常见CSS问题( 四 )

10.添加fill到SVG

有时 , 在使用SVG时 , fill如果在SVG中内联添加了属性 , 则无法按预期工作 。

要解决此问题 , 要么fill从SVG本身删除属性 , 要么覆盖fill: color 。

举个例子:

如果SVG具有内联填充 , 则无效 。 它应该是这样的:

11.使用伪元素

我喜欢随时使用伪元素 , 它们为我们提供了一种创建假元素的方法 , 主要用于装饰目的 , 而无需将它们添加到HTML中 。

与他们合作时 , 我们可能会忘记执行以下操作之一: