html - 将 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: // 聪明的

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

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

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

Answer 1

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

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

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

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