Question

我如何从下面得到p元素？我正在尝试为这个特定的p标签重置颜色属性（基本上将其设置为none或某种程度）。任何帮助表示赞赏。

<div class="a">
  <ul class="b">
    <li class="c">
      <p> 
        <a class="d" href="#"> my text </a>
      </p>
    </li>
  </ul>
</div>

Answer 1

.a ul.b li.c p { 
   color: //some color
}

但默认情况下a会有蓝色，以更改

.a ul.b li.c p a { 
   color: //some color
}

如果您希望它在悬停时不改变颜色，那么

    .a ul.b li.c p a, .a ul.b li.c p a:hover, .a ul.b li.c p a:focus { 
       color: //some color
    }

Answer 2

.c > p会做

除非有多个p标记，并且您希望定位特定的标记

然后您可以使用.c > p:nth-of-type(n)，其中n是标记中p元素的编号。

＆＃13;

body {
  color: green
}

.c>p {
  color: red
}

.c>p:nth-of-type(2) {
  color: blue
}

＆＃13;

<div class="a">
  Class .a
  <ul class="b">
    Class .b
    <li class="c">
      <p>
        first Class .c
        <a class="d" href="#"> link in first class .c </a>
      </p>
      <p>
        second Class .c
        <a class="d" href="#"> link in second class .c </a>
      </p>
    </li>
  </ul>
</div>

＆＃13;

选择嵌套在css中多个父项内的元素

2 个答案: