如何阻止CSS繼承？

CSS繼承是CSS中的一個重要特性，它允許樣式從父元素傳遞給子元素，有時候我們可能希望某些樣式不繼承，那么該如何實現(xiàn)呢？

1、使用CSS的inherit屬性

CSS的inherit屬性可以用來阻止樣式的繼承，如果一個元素被設置為inherit，那么它的樣式將不會被傳遞給子元素。

div {
  color: blue;
}
p {
  color: inherit;
}

在上面的例子中，段落p的顏色不會繼承div的顏色，而是使用默認的黑色。

2、使用CSS的initial屬性

CSS的initial屬性可以將元素的樣式重置為默認值，從而阻止樣式的繼承。

div {
  color: blue;
}
p {
  color: initial;
}

在上面的例子中，段落p的顏色不會繼承div的顏色，而是使用默認的黑色，但是需要注意的是，initial屬性可能會受到瀏覽器的影響，因此并不是所有的樣式都可以使用initial來重置。

3、使用CSS的no-inherit屬性（Firefox專用）

Firefox瀏覽器提供了一個no-inherit屬性，可以用來阻止樣式的繼承。

div {
  color: blue;
}
p {
  color: no-inherit;
}

在上面的例子中，段落p的顏色不會繼承div的顏色，但是需要注意的是，no-inherit屬性是Firefox專用的，其他瀏覽器可能不支持。

三種方法都可以用來阻止CSS的繼承，具體使用哪種方法取決于你的需求和瀏覽器兼容性要求。