html - 如何在单个页面上定位站点页脚？

Question

HTML:

<footer id="colophon" 
class="site-footer footer 
bg-dark" role="contentinfo">
<div class="container 
footer-inner">
<div class="row">
<div class="footer-widget- 
area"><div class="col-md-3 
col-sm-6 footer-widget" 
role="complementary">
<div id="text-4" 
class="widget widget_text">          
<div class="textwidget"><p>. 
<a href="http://4309.co.uk/
contact/">Contact</a></p>
</div>
</div></div>

尝试过的 CSS:

.page-id-3748>.site-
footer{position:relative 
!important;top: 100px! 
important;}

尝试仅在一页上定位页脚。我知道选择器是 site-footer 但我正在努力做到具体。

Answer 1

尝试删除 CSS 中的“>”符号。

.page-id-3748 .site-footer {
     position:relative !important;
     top: 100px! important;
 }