Question

假设我有以下html：

<blockquote>
    <p> ... </p>
    <br> //not this
    <br> //I want to select this
    <pre> ... </pre>
    <br> //not this
    <p> ... </p>
    <br> //not this
    <br> //I want to select this
    <p> ... </p>
    <br> //not this
    <p> ... </p>
    <br> //not this
</blockquote>

如何仅选择<br>

中的第二个<blockquote>

我试过这个： blockquote br+br {...}但它无效

Answer 1

如何仅选择#include <unistd.h> #include <stdio.h> #include <stdlib.h> int main (int argc, char* argv[] ) { int i; int N = atoi(argv[i]); printf("Create processes....\n"); for (i = 0; i < N; i++) { if (-1 = fork()) exit(1); } printf("Process id = %d\n", getpid()); fflush(stdout); sleep(1); return 0; }
中的第二个<br>

只需使用<blockquote>即可。这将仅选择在blockquote元素中找到的第二个子blockquote > br:nth-of-type(2)标记。

您的更新示例：

＆＃13;

<br>

＆＃13;

blockquote > br:nth-of-type(2) {
    display: none;
}

＆＃13;

Answer 2

试试这个

blockquote:nth-child(3) { } //index starts from 1

Answer 3

实际上，这样做：

blockquote br{...}

会将样式添加到blockquote中的所有br标签。你应该创建一个类，只添加到你想要的br。

Answer 4

我只会为我的<br>标记使用类选择器。

<blockquote>
    <p> ... </p>
    <br>
    <br class="here-it-is"> //this is selected
    <pre> ... </pre>
    <br> //this is not
    <p> ... </p>
</blockquote>

然后在CSS中引用：br.here-it-is { ... }

Answer 5

您可以使用此

blockquote br:nth-of-type(2) {
   ... 
}

它将选择blockquote的nth子项，但只从{1}开始考虑br。

CSS - 如何选择元素后跟元素中包含的另一个元素

5 个答案: