将CSS应用于网站的某些部分

Question

我正在构建一个WISYWIG，其中我有一个需要将content.css应用于它的iframe。

content.css :(将应用于iframe（src：./ content / home.php））

#content h4
{
    font-size:30px;
color:brown;
text-shadow: 1px 1px #000000;
text-align:center;
}

editpage.php：// wisywig

<iframe id="content" src="./content/home.php"></iframe>

home.php包含需要在我网站的主页上显示的内容。你可以想象我h4前面的#content用于将同样的css应用到我网站内的div。但是，当我将同样的css应用到我的iframe时，这个css在iframe中找不到#content。因此，我之前的问题。

如何将此CSS应用于<div id="content">和iframe？

Answer 1

是。要将您的样式应用于#lol内的所有内容，只需使用*选择器：

#lol * {
    display:inline-block;
    color:green;
}

如果您只想要#lol的直接后代：

#lol > * {
    display:inline-block;
    color:green;
}