我正在寻找正确的 CSS 选择器来选择在 links.phtml 中找到的这个无序列表:
<ul class="links"<?php if($this->getName()): ?> id="<?php echo $this->getName() ?>"<?php endif;?>>
<?php foreach($_links as $_link): ?>
<?php if ($_link instanceof Mage_Core_Block_Abstract):?>
<?php echo $_link->toHtml() ?>
<?php else: ?>
<li<?php if($_link->getIsFirst()||$_link->getIsLast()): ?> class="<?php if($_link->getIsFirst()): ?>first<?php endif; ?><?php if($_link->getIsLast()): ?> last<?php endif; ?>"<?php endif; ?> <?php echo $_link->getLiParams() ?>><?php echo $_link->getBeforeText() ?><a href="<?php echo $_link->getUrl() ?>" title="<?php echo $_link->getTitle() ?>" <?php echo $_link->getAParams() ?>><?php echo $_link->getLabel() ?></a><?php echo $_link->getAfterText() ?></li>
<?php endif;?>
<?php endforeach; ?>
</ul>
我假设这样的事情会起作用:
ul.links li {
display: inline;
}
然而事实并非如此。使用 Chrome 的开发人员工具进行检查时,我可以让一些列表项内联显示,但不是全部显示,或者使用一个简单的选择器。
任何想法将不胜感激!
如果有帮助,可以在 www.kokorugs.com/magento 查看问题