Question

我在一个小网站上使用Bootstrap3，我需要更改其中一个div中的链接颜色。

但是，出于某种原因，始终会应用引导链接颜色而不是我自定义链接颜色。

CSS：

.social a,
.social a:hover,
.social a:focus {
    color: #fefefe;
}

HTML：

<div class="social">
    <a href="#"><i class="fa fa-linkedin"></i></a>
</div>

我也试过这个：

.social > a,
.social > a:hover,
.social > a:focus {
    color: #fefefe;
}

但没有什么区别。

Answer 1

#fefefe 是白色。也许你在白色背景上有白色内容。它应该工作。

<div class="order-container">
    <div class="order-inner">
        <h2>Text</h2>
        <input type="text" />
    </div>
</div>

     .order-container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        background: #d7d7d7;
    }
    .order-inner {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
    }

Example

Answer 2

尝试将.social a:link添加到列表

Answer 3

为您的样式添加::before：

div {
  height: 100px;
  width: 200px;
  background: red;
  margin-left: 100px; /* space for the triangle */
}

div::before {
  content: " ";
  display: block;
  height: 0; /* no content, only triangle */
  width: 0; /* no content, only triangle */
  border-top: 100px solid red; /* triangle height ... */
  border-left: 100px solid transparent; /* ... and triangle width */
  margin-left: -100px; /* move the triangle on to the right place on the left */
  margin-bottom: -100px; /* let the div (text) content begin on the right place */
}

或更好，确保你的样式在引导后加载：

!important

编辑：

如果要设置color: #fefefe!important;标签，您可能希望将颜色应用于<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/mystyle.css">和<a>：

:link

无法更改div内的链接颜色

3 个答案: