当前位置: 首页 > 面试题库 >

将CSS样式应用于DIV中的所有元素

颛孙国源
2023-03-14
问题内容

我想将CSS文件应用于页面中的具体DIV。这是页面结构:

<link rel="stylesheet" href="style.css" />
...
<body>
   <div id="pagina-page" data-role="page">
   ...
   <div id="applyCSS">
      (all the elements here must follow a concrete CSS rules)
   </div>
   ...
</body>

我试图应用CSS文件的规则来编辑它(CSS文件太大):

#applyCSS * {     (For all the elements inside "applyCSS" DIV:)
    .ui-bar-a {
       ...
       ...
    }
    .ui-bar-a .ui-link-inherit {
       ...
    }
    ...
}

但是该解决方案不起作用。那么,我该怎么做呢?


问题答案:

您可以尝试:

#applyCSS .ui-bar-a {property:value}
#applyCSS .ui-bar-a .ui-link-inherit {property:value}

等等,这就是您想要的吗?



 类似资料:
  • 问题内容: CSS代码(我需要什么) HTML代码 CSS没有按我的预期工作。 我实际上想为所有元素定义样式,但带有的样式除外。 我怎样才能做到这一点? 问题答案: 使用:not选择器: 更新:而不是: 更新: CSS2选择器 ,类似于 Tom Heard-s的 答案:

  • 问题内容: 我有一个元素。如何将CSS样式应用于此元素的所有子元素?我只想将样式应用于子元素。不是它的大孩子。 我可以用 这对所有孩子都有效,但我想对所有孩子都适用的解决方案。我以为我可以用,但是 不起作用。 编辑 该选择不使用Firefox 26应用规则,并有根据萤火没有其他规则的保证金。如果我替换为,它会起作用。 问题答案: 这些子元素的后代将(可能)继承分配给那些子元素的大多数样式。 您需要

  • 问题内容: 我有一个现有的网站,上面有很多用表格布置的旧页面和表格,我正尝试逐步过渡到CSS。我想使用Twitter Bootstrap样式表-特别是表单样式- 但仅在我明确要求它们的页面部分中使用。例如,我可能将整个表单围绕在div中,如下所示: 我希望所有其他形式保持与现在相同,因为我将无法同时更改所有形式。有没有简单的方法可以做到这一点?我可以遍历Bootstrap CSS中的每种样式,并添

  • 问题内容: 是否可以为元素定义CSS样式,仅在匹配的元素包含特定元素(作为直接子项)时才适用? 我认为最好用一个例子来解释。 注意 :我正在尝试设置 父元素的样式 ,具体取决于其包含的子元素。 注意2 :我知道我可以使用javascript来实现,但是我只是想知道是否可以使用一些(对我而言)未知的CSS功能。 问题答案: 据我所知,基于子元素设计父元素的样式不是CSS的可用功能。您可能需要为此编写

  • 问题内容: 我想申请到它是否有元素。 到目前为止,我已经将样式应用于元素(如果存在)。但我想的,如果有,仅使用。 以下是 该代码 问题答案: CSS3不可能。有一个建议的CSS4选择器,可以做到这一点,它看起来像这样(选择元素): 作为替代方案,使用jQuery,您可以利用的单行代码是这样的: 然后,您可以继续在CSS中设置样式。