html - 在 DIV 内对齐 DIV 不起作用

标签 html css

自 CSS 诞生以来,我一直在编写它,但我被困住了。我在 DIV 中有一个简单的 DIV,在内部 DIV 上分配了类,在外部 DIV 上分配了类和 ID。页面上有很多个和内层同一个class的DIV,但是只有一个id是外层的DIV。我必须定位内部 DIV,它具有与具有相同类的所有其他 DIV 共有的元素,但是这个 DIV,在分配了 id 的 DIV 内,必须唯一定位。无论我做什么,我似乎都无法影响内部 DIV。我应用的样式是页面上加载的最后一个样式表,但没有效果。

代码:

<STYLE>
    #4columns div.row {display:none;}
</STYLE>

<DIV id="4columns">
    <DIV class="row">
       <DIV class="column_1_4">
           content
       </DIV>
    </DIV>
</DIV>

最佳答案

在 css 中 ID 不允许以数字开头。

试试这个:

<STYLE>
   #columns4 div.row {display:none;}
</STYLE>

<DIV id="columns4">
   <DIV class="row">
      <DIV class="column_1_4">
         content
      </DIV>
   </DIV>
</DIV>

关于html - 在 DIV 内对齐 DIV 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25953835/

相关文章:

javascript - 有什么方法可以防止突出显示文本的 "deselection"?

html - 行为不同的订单项

css - 没有绝对位置的单页网页

javascript - 用复选框填充 div

html - 带有 Logo 的导航栏的 CSS Flexbox?

css - 我如何计算 10 张幻灯片的纯 css3 slider 的百分比

html - 在 WP8 Cordova 应用程序中禁用内容反弹 - disallowoverscroll 不起作用

jquery - 如何让 child 100% 的屏幕

HTML 和 CSS 在 Retina 2800x2000 上显示错误

javascript - 将 div 切换到固定的 CSS 定位,而不会导致内容在移动设备上消失