Question

如何在这行代码中访问最后一个div（div.access-example）？

<div id="footer-example" class="full-example">

   <div id="footer-example2" class="fixed-example">

       <div class="almost-there">

          <div class="access-example">

我试过这样：

div#footer-example div#footer-example2 div.almost-there div.access-example
{ code goes here; }

当这不起作用时，我添加了{ code goes here !important;}，以防有什么东西覆盖它。我也尝试过孩子（>）。

注意：我无法使用div.access-example并添加我的代码，因为在其他地方使用了相同的div，我只需要在该特定位置更改它;因为它是一个Wordpress网站，我无法访问Ftp，我需要访问嵌套的div。

Answer 1

div div div .access-example
{
background-color:yellow;
}

或

#footer-example #footer-example2 .almost-there .access-example
{
    background-color:yellow;
}

您可以通过删除第二个中的某个类或ID来改变。

Answer 2

这有效..

#footer-example #footer-example2 .almost-there .access-example {
    color:red;
}

这也有效

#footer-example .fixed-example .almost-there .access-example {
    color:red;
}

确保未使用Chrome开发者工具或类似内容覆盖此（您的）CSS声明。

Answer 3

如果您只需要致电.access-example课程，您可以这样做：

.access-example{}

如果您需要拥有层次结构，这也适用：

.full-example > .fixed-example > .almost-there > .access-example{}

访问div中的类和id

3 个答案: