私の目的は、サイト内のさまざまな位置に表示される 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;
}