html - 如何禁用外部css类的属性并在html中使用具有相同名称但不同属性的内部css类

Question

我已经在我的外部样式表中声明了一个类，我也在内部 css 中声明了具有相同名称的类，但是内部类只有一个属性而外部类有许多其他属性，所以我怎么能只使用一些属性内部样式表而不使用外部样式表类的任何属性我使用了 css 的样式范围属性，但它只适用于 mozila

My external class

    #portfolio-wrapper li {
    border: 10px solid #FFF;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    /* display: inline-block; */
    list-style: none outside none;
    overflow: hidden;
    position: relative;
    width: 160px;
    margin: 10px;}

My internal class
#portfolio-wrapper li {
width: 160px;
}

Answer 1

您无法禁用它们。您可以在自己的 CSS 中中和它们。因为您必须为这些属性设置自己的值。因为我在下面所做的只是将它们设置为 0，也许你想要有边距和边框。

/* not sure if this is your ul? */
#portfolio-wrapper {
    padding-left: 20px; /* what fits your design */
}

#portfolio-wrapper li {
    width: 160px;
    border: 0;
    box-shadow: 0;
    list-style: circle !important; /* updated */
    overflow: hidden;
    position: relative;
    margin: 0;
}