0

私の目的は、サイト内のさまざまな位置に表示される div クラス要素「textwidget」の css を介して位置とマージンの属性を制御することです。

これは私の構造です:

<header class="site-header">
<hgroup class="full-container">

<div id="header-sidebar" >
    <aside id="text-2" class="widget widget_text">          
        <div class="textwidget">    ...     </div>
    </aside>

</div>

</hgroup>
</header>


<footer class="site-footer">

<div id="footer-widgets" class="full-container">
    <aside id="text-5" class="widget widget_text">
        <div class="textwidget">     ....      </div>
    </aside>
</div>

</footer>

そして、これは私がCSSで試したものですが、うまくいきませんでした:

.textwidget{
position: absolute;
right: 0;
margin-top: 30px;
text-align: right;
}

footer > .textwidget{
position: absolute !important;
left: 0 !important;
text-align: left !important;
}
4

3 に答える 3

3
footer > .textwidget{

フッターの直接の子孫であるクラス 'textwidget' の要素のみをターゲットにします。

<footer class="site-footer">
    <div class="textwidget">
        This div will be targeted
    </div>
</footer>

> を削除すると、フッター内のクラス「textwidget」のすべての要素がターゲットになります。

必要なセレクター: footer .textwidget


参照: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors

于 2013-11-06T12:18:10.090 に答える