css - CSS文件中有顺序吗？为什么要加下划线 (a href)

Question

我有这个 CSS 代码:

    .mini-profile {
        padding: 12px;
        color: #333333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mini-profile a {
        color: #333333;
    }

    .mini-profile a:hover {
        color:#08C;
    }

    .metadata{
        color: #999;
        text-decoration:none;

    }

    .metadata:hover{
        color: #999;
        text-decoration:none;
    }

    .metadata a{
        color: #999;
        text-decoration:none;
    }

    .metadata a:hover {
        color: #333333;
        text-decoration:none;
    }

现在我有这个:

    <div class="bs-docs-sidebar bs-docs-sidenav rounded-div-white mini-profile">
        <a href="www.google.com">
        <div class="content">
            <div style="margin-left:50px;"><b style="display:block;">Antoine</b>
                <small class="metadata">View my profile page</small>
            </div>
        </div>
        </a>
    </div>​

http://jsfiddle.net/PspXV/

现在，为什么“查看配置文件”在悬停时带有下划线？为什么？!他们是我必须遵循的文件中的顺序吗？

Answer 1

.mini-profile a:hover {
    color:#08C;
    text-decoration:underline; 

• 这就是为什么

你的 div 类是 class="bs-docs-sidebar bs-docs-sidenav rounded-div-white mini-profile"

特别是 mini-profile