CSS 被 a:-webkit-any-link 用户代理样式表覆盖

Question

我正在处理一个包含大量列表和链接的页面。我正在尝试以不同的方式设置每个样式，但是字体和颜色一直被样式 a:-webkit-any-link 用户代理样式表覆盖。我什至不知道那是从哪里来的。我尝试使用类、ID 甚至内联样式来设置我的 div 样式，但它们都没有覆盖用户代理样式表。

    <div id="dafoot">
        <ul id="footList">
            <li class="footTop">
                    <a href="index.html">Home</a>
                </li>
                <li class="footTop">
                    <a href="bikes.html">Bikes</a>
                    <ul class="footUnder">
                        <li class="footSubBottom"><a href="mBikes.php">Moutain</a></li>
                        <li class="footSubBottom"><a href="rBikes.php">Road</a></li>
                        <li class="footSubBottom"><a href="kBikes.php">Kids</a></li>
                        <li class="footSubBottom"><a href="sBikes.php">Specialty</a></li>
                    </ul>
                </li>
                    <li class="footTop"><a href="activities.php">Activities</a>
                    <ul class="footUnder">
                        <li class="footSubBottom"><a href="seminars.html">Seminars</a></li>    
                        <li class="footSubBottom"><a href="cff.html">Cycle for Fit.</a></li>
                        <li class="footSubBottom"><a href="choose.html">Choose your bike</a></li>        
                        <li class="footSubBottom"><a href="rides.html">Rides</a></li>    
                    </ul>
                </li>
                    <li class="footTop"><a href="contact.html">Contact</a>
                    <ul class="footUnder">                                
                        <li class="footSubBottom"><a href="visit.html">Visit us</a></li>
                        <li class="footSubBottom"><a href="info.html">Contact Info</a></li>        
                    </ul>
                </li>

                <li class="footTop"><a href="qa.html">Q & A</a>
                    <ul class="footUnder">
                     <li class="footSubBottom"><a href="faq.html">FAQ's</a></li> 
                     <li class="footSubBottom"><a href="ask.php">Ask a Q</a></li>
                    </ul> 
                </li>
                <li class="footTop"><a href="about.html">About</a>
                    <ul class="footUnder">
                        <li class="footSubBottom"><a href="history.html">History</a></li>    
                        <li class="footSubBottom"><a href="staff.html">Staff</a></li>
                        <li class="footSubBottom"><a href="employ.html">Employment</a></li>   
                    </ul>
                </li>
        </ul>    
        <a href="owner.php">Owner Portal</a> 
        </div>

CSS

     /**/
    /* Styling for the footer list */
    /**/

#dafoot{
float: left;
margin-bottom: 10px;
margin-left: 10px;
margin-top: auto;
line-height: 15px;
width: 1077.5px;
margin-top: 10px;
position:relative;
color: white;
background-color: white;
}

#footlist{
    font-size: 25px;
    color: #ffbb00;
    list-style: none;
}

a .footTop{
    color: white;
    font-family: Georgia;
}

Answer 1

哇.....我没有在footList中大写L。现在工作。嘿，新手，在你发布堆栈溢出之前检查你的拼写和大写。