1

ネストされたセットを表現したい (http://en.wikipedia.org/wiki/File:NestedSetModel.svg)

次のhtml構造を持つ

<div class="circle">
    <div class="nodeText">Clothing</div>
    <span class="lft">1</span>
    <span class="rgt">22</span>
    <div class="circle" id="node2">
    <div class="nodeText">Men's</div>
    <span class="lft">2</span>
    <span class="rgt">9</span>
    </div>
    <div class="circle" id="node3" >
        <div class="nodeText" >Women's</div>
    <span class="lft">10</span>
    <span class="rgt">21</span>
    </div>
</div>

そしてCSS（少なくとも私が質問にとって重要だと思うもの）

.circle {
background-color: blue;
    margin:10px;
    padding: 10px;
    border-radius: 10%;
    position: relative;
    text-align: center;
    float: left;
    z-index: inherit;
}

.circle:HOVER{
background-color: red;
}

私が望む動作は、クラス「サークル」（この例では「メンズ」または「レディース」）のdivにマウスを合わせると、これらの背景色を変更しますが、親div「衣類」は変更しません

4

2 に答える 2

0

このリンクを参照してください

内部クラス名に拡張機能があります.circle

親クラス名はclass="circle"、男性または女性の内部クラス名になりますclass="circle color"

コードを調べて、正しく理解してください。

おそらく、クラス セレクターの最も強力な側面は、複数のクラスを 1 つの HTML 要素に適用できることです。たとえば、次のように 1 つの特定の要素に対して 2 つのルールを使用したい場合があります。

<p class="big indent">

.big { font-weight: bold; }
.indent { padding-left: 2em;}
于 2013-01-08T07:34:26.667 に答える
0

私が変える

.circlr:hover

に

.circlr .circle:hover

これは例です: http://jsfiddle.net/sechou/9eNuN/

于 2013-01-08T05:41:03.777 に答える