你有几个不同的问题。一个是你的CSS选择器(.rss a
) 不引用HTML中的任何内容。你想要的a.rss
相反
其次,如前所述,CSS文件不是由PHP解析的(无论如何,默认情况下),因此您需要在某个地方使用PHP解析favicon引用。
此外,由于每个提要都有不同的favicon,因此您需要在foreach
环尝试类似的方法(为了清晰起见,添加了不必要的换行符):
foreach ( $rss_items as $item ) : ?>
<li>
<a class=\'rss\'
style=\'background-image:<?php echo $item->get_favicon(); ?>\'
href=\'<?php echo esc_url( $item->get_permalink() ); ?>\'
title=\'<?php echo \'Posted \'.$item->get_date(\'j F Y | g:i a\'); ?>\'
>
<?php echo esc_html( $item->get_title() ); ?>
</a>
</li>
<?php endforeach; ?>
这是您的CSS:
a.rss {
padding:0 0 0 20px;
background:transparent url(\'some-placeholder-image-in-case-no-favicon-exists.png\') no-repeat 0 1px;
}
而且--这只是编辑,与你的问题无关--不要添加
<hr>
到
<li>
; 使用CSS添加底部边框。