首页 > 解决方案 > 修改 CSS 文件

问题描述

我试图div通过父类到达一个类/id,我正在处理的 HTML 如下所示:

<div id="content" class="content xcShortcuts associate">
<div id="callbackScreen" class="callback FLY_MENU active" tabindex="-1">
     <div id="callbackContainer" class="hidden">
<div id="callbackContent" class="3D active"><div class="cbLayout actions">
<div class="cbDilg"><div id="3DOT" class="cbBody">

我需要到达class="cbBody“.

我正在做的是:

#content .callbackScreen .callbackContainer .callbackContent .cbLayout.actions {
right: 0;
position: absolute;
width: 30%;
height: 100%;
top: 0;
}

但不知何故它不起作用,任何帮助将不胜感激。谢谢。

标签: htmlcss

解决方案


使用您混合了这些来访问ID,#并使用您访问类。,并且是 ids 并且需要使用 # 访问.callbackScreencallbackContainercallbackContent

这需要是层次结构

#content #callbackScreen #callbackContainer #callbackContent .cbLayout.actions .cbDilg .cbBody{
  right: 0;
  position: absolute;
  width: 30%;
  height: 100%;
  top: 0;
}

注意:应用 css 问题中的这种层次结构太多,如果正确使用css 特定概念,可以减少


推荐阅读