1

以下のコードで4番目のタグを選択し<p>てCSSで非表示にすることはできますか？(class プロパティも id もありません)

<form id="registerform" name="registerform" action="http://localhost/wordpress/wp-login.php?action=register" method="post">
   <p></p>
   <p></p>
   <style></style>
   <p></p>
   <p> //this tag
    <label>
      gen_code
      <br>
      <input id="gen_code" class="input" type="text" name="gen_code" value="" size="25" tabindex="20" style="font-size: 20px; width: 97%; padding: 3px; margin-right: 6px;">
    </label>
   </p>  
   <p class="submit"></p>
</form>
4

5 に答える 5

2

IE7-8 をサポートする必要がある場合は、一般的な兄弟セレクターに基づいて、この (醜い:) 簡単な回避策を使用することもできます。

form p ~ p ~ p ~ p {
    display: none;
}

form p ~ p ~ p ~ p ~ p {
    display: block;
}
于 2013-07-01T14:56:16.043 に答える
1

:nth-of-type()他の人が提案したように、を使用するか、試してみてください:nth-child()。

次に:nth-child()例を示します。

#registerform p:nth-child(4n) { display: none; }
于 2013-07-01T14:50:52.210 に答える