Question

我正在进行网络抓取工作。现在我正在抓取一个网站并加载到我的网站工作正常。但我需要将css添加到一个div中。此div不包含任何id or class。

但我的主要div包含类。我怎么能为我的内心div而战？

例如：

<div class="ct-ui-spinner-animation">
    <div>
            <div> <!-- I Want to call css in this div-->
                Sample
             </div>
     </div>
</div>

我正在尝试这种方式

首先尝试：

 .ct-ui-spinner-animation > div
   {
    color:#fff !important;
    }

第二次尝试

.ct-ui-spinner-animation {
        color:#fff !important;
    }

但不申请CSS请指导我。我怎么能这样做。

Answer 1

你的代码几乎就在那里。

您需要使用两个child selectors：

.ct-ui-spinner-animation > div > div
{
    color:#fff !important;
}

请注意，这将适用于所有 div 元素，这些元素是具有 .ct-ui-spinner-animation 上课。

Answer 2

.ct-ui-spinner-animation > div > div
{
    //Styles
}

Answer 3

可以是这样的：

.ct-ui-spinner-animation > div > div{
    color:#fff !important;
}

http://jsfiddle.net/CCnMe/

或

.ct-ui-spinner-animation div {
    color:#fff !important;
}

http://jsfiddle.net/CCnMe/1/

Answer 4

您可以查看第一个孩子的CSS属性

.ct-ui-spinner-animation:first-child {
    color:#fff !important;
}

为你的div设置一个特定的类或id也会（非常）稍微好一点。

Answer 5

由于它是两个节点，你需要在中间使用“div”或*。

.ct-ui-spinner-animation > * > div
/* or */
.ct-ui-spinner-animation > div > div

Answer 6

您需要这样做才能访问第二个子div：

 .ct-ui-spinner-animation div div
   {
   //CSS goes here;
    }

如何将css调用到div类内部div？

6 个答案: