Question

我试图从另一个文件覆盖css，我想知道我需要覆盖它的具体参考。

如果您想看一下我正在使用的页面：

http://www.bolistylus.com/shop/

这就是我要覆盖的内容：

.products li {
  float: left;
  margin: 0 10px 20px 0;
  padding: 0;
  position: relative;
  width: 150px;
}

以下是我正在使用的HTML：

<div id="main">

<section id="primary"><div id="content" role="main"><div id="breadcrumb"><a class="home" href="http://www.bolistylus.com">Home</a>  &rsaquo; <a href="http://www.bolistylus.com/shop/">Shop</a></div>
            <h1 class="page-title">All Products</h1>

<ul class="products">   
     <li class="product first">
        <a href="http://www.bolistylus.com/shop/boli-2/">

            <img width="150" height="150" src="http://www.bolistylus.com/wp-content/uploads/pinkproduct-150x150.png" class="attachment-shop_small wp-post-image" alt="pinkproduct" title="pinkproduct" />

            <strong>Boli Pink</strong>

            <span class="price">&#36;24.00</span>
        </a>

        <a href="/shop/?add-to-cart=38&_n=188fa640fb" class="button">Add to cart</a>
    </li>   <li class="product ">
    </li></ul><div class="clear"></div> 

</div></section>

    </div><!-- #main -->

Answer 1

.products li的特异性为(0, 0, 1, 1)

可以使用

创建最小的更高特异性

ul.products li，其特异性为(0, 0, 1, 2)

请参阅此jsfiddle：http://jsfiddle.net/DAL9A/

Answer 2

.products li，你可以使用！重要但如果不采取。尝试覆盖之后尝试加载。

<强> UPDATE * 尝试使用“.product”

其实只是准备好你的评论。你想要瞄准什么？图片？如果是这样你应该获得内联的宽度和高度并将其应用于CSS

什么是最具体的CSS参考

2 个答案: