無法覆蓋CSS屬性

Question

嗨，我提供了一個包含許多CSS文件的項目。 具有以下結構

<link href="./Premium Nutritional Supplements_files/jquery.owl.carousel.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/jquery.fancybox-buttons.css" rel="stylesheet" type="text/css" media="all">

  <link href="./Premium Nutritional Supplements_files/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/bootstrap-modal.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/bootstrap-switch.css" rel="stylesheet" type="text/css" media="all">

  <link href="./Premium Nutritional Supplements_files/kumi.global.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/kumi.style.scss.css" rel="stylesheet" type="text/css" media="all">
  <link href="./Premium Nutritional Supplements_files/kumi.media.css" rel="stylesheet" type="text/css" media="all">
   <link href="./Premium Nutritional Supplements_files/custom.css" rel="stylesheet" type="text/css" media="all">

我在最后包含了custom.css以覆蓋屬性

.post-author-image{
    border-radius: 50%;
}

在custom.css上方的kumi.global.css中並包含

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0!important;
}

但是我無法覆蓋custom.css中的border-radius。 如何覆蓋0至50％的邊界半徑？

Answer 1

使用！important應該這樣做，因為custom.css最終加載了。

.post-author-image{
    border-radius: 50% !important;
}

!important賦予css更高的優先級，並且由於“ kumi” css具有!important ，因此無論您將自定義css放在何處，“ kumi” css都將生效。

使用!important通常是一個壞主意，尤其是當您選擇通用dom元素時（對於您的情況是“ kumi css”），其中!important幾乎用於所有情況。

如果可能，更好的解決方案是從“ Kumi” css中刪除!important

Answer 2

哇。 我希望您可以更改kumi.global.css，因為!important標記已被可怕地使用。 禁止邊界半徑的使用似乎幾乎是一門大炮。

這是直接的解決方案：

.post-author-image{
    border-radius: 50% !important;
}

但我希望您能夠從全局文件中刪除該標簽。