1

cssで特定のスタイルを適用するために、各 div 内の最後のタグを除いて、クラスを持つすべてのタグdivを選択したいと思います。コンテンツは動的に生成され、ユーザーによって異なる場合があります。penable

以下の例では、このスタイルをp最初の div 内の最初の 2 つに適用し、他の div 内には適用しません。それはかなり簡単だと確信していますが、それを解決するための解決策は見つかりません。

<div>
    <p class="enable"></p>
    <p class="enable"></p>
    <p class="enable"></p>
    <p class="disable"></p>
</div>
<div>
    <p class="enable"></p>
    <p class="disable"></p>
    <p class="disable"></p>
    <p class="disable"></p>
</div>

ご協力いただきありがとうございます。

4

2 に答える 2

0

p要素が 4 つに制限されている場合は、疑似セレクターdivを使用できます。nth-child

p.enable:nth-child(-n+2)
{
    background: #0f0;
}

p.disable
{
    background: #eee;
}

http://jsfiddle.net/Kyle_Sevenoaks/vw4wQ/

于 2012-11-16T10:14:37.807 に答える
0

私はあなたのためのJavascriptソリューションを持っています:

var divs = document.getElementsByTagName("div"), paras, i, j;

for(i = 0; i < divs.length; i++) {
    paras = divs[i].getElementsByTagName("p");
    for(j = 0; j < paras.length-1; j++) {
        if(paras[j+1].className === "disable")
            break;
        // apply your custom code here
        paras[j].style.background = "#FF0000";
    }
}

このjsFiddleでこのソリューションを確認してください

于 2012-11-16T10:19:33.120 に答える