1

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

但我的主要 div 包含类。我如何为我的内部 div 设置 CSS

例如：

<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请指导我。我该怎么做。

4

6 回答 6

10

您的代码几乎就在那里。

您需要使用两个子选择器：

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

请注意，这将应用于所有div元素，它们是具有.ct-ui-spinner-animation类的任何元素的孙子元素。

于 2013-08-21T08:26:38.783 回答
3 
.ct-ui-spinner-animation > div > div
{
    //Styles
}
于 2013-08-21T08:26:39.777 回答
1

可以是这样的：

.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/

于 2013-08-21T08:27:17.147 回答
0

你可以看看 first-child CSS 属性

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

为您的 div 设置特定的类或 id 对性能也（非常）稍好一些。

于 2013-08-21T08:28:05.660 回答
0

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

.ct-ui-spinner-animation > * > div
/* or */
.ct-ui-spinner-animation > div > div
于 2013-08-21T08:28:06.973 回答
0

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

 .ct-ui-spinner-animation div div
   {
   //CSS goes here;
    }
于 2013-08-21T08:28:10.490 回答