0

私はこの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/

さて、ホバーされているときに「View Profile」に下線が引かれているのはなぜですか? どうして？！私が従わなければならないファイルの順序はありますか?

4

4 に答える 4

2 
.mini-profile a:hover {
    color:#08C;
    text-decoration:underline;
  • これが理由です

そしてあなたのdivクラスはclass="bs-docs-sidebar bs-docs-sidenav rounded-div-white mini-profile"

具体的にはmini-profile

于 2012-10-31T12:15:09.780 に答える
2

このルールはフィドルで定義しましたが、質問に提供した CSS では定義しませんでした。

.mini-profile a:hover {
    ...
    text-decoration: underline;
}

に変更text-decoration: underline;しtext-decoration: none;て、表示されている下線を削除します。

于 2012-10-31T12:16:04.523 に答える
0 
            <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>

これは Web 標準に対する重大な違反です。これにより、ブラウザが互換モードになり、レンダリングの問題が発生する可能性があります。インライン要素 (「a」内の「div」) 内にブロック レベル要素を配置しないでください。

于 2012-10-31T14:58:27.863 に答える
0

メタデータはタグ内にありませんが、タグのホバーを呼び出しています。

   <small class="metadata"><a href="#">View my profile page</a></small>

http://jsfiddle.net/calder12/PspXV/4/

于 2012-10-31T12:20:19.990 に答える