【问题标题】:I have a select class that is targeting both select inputs on a page but i only want it to target the one in the footer我有一个选择类,它针对页面上的两个选择输入,但我只希望它针对页脚中的输入
【发布时间】:2016-11-09 19:35:24
【问题描述】:
   <?php
        /**
         * @var Multisite_Block_Region $this
         * @var Mage_Core_Model_Website $website
         */
        $websites = $this->getWebsites();
    ?>
    <div class="select">
        <span><?php echo Mage::getStoreConfig('general/store_information/store_label'); ?></span>
        <ul>
            <?php foreach ($websites as $website): ?>
                <?php
                    $defaultStore = $website->getDefaultStore();
                    $code = Mage::getStoreConfig(Local_RegionRedirect_Helper_Data::XPATH_SYSTEM_CONFIG_COUNTRY, $defaultStore);
                ?>
                <li>
                    <a href="<?php echo $this->getUrl('regionredirect/index/set', array('_query' => array('code' => $code))) ?>">
                        <?php echo $website->getDefaultStore()->getConfig('general/store_information/store_label'); ?>
                    </a>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>


This is the only select box I want to target:

    <div class="region">
                    <div class="select">
            <ul style="visibility: hidden; opacity: 0;">
                                    <li>
                    <a href="http://local/regionredirect/index/set/?code=AU">
                        Australia (AUD $)                </a>
                </li>
                                    <li>
                    <a href="http://local/regionredirect/index/set/?code=CA">
                        Canada (CA $)                </a>
                </li>
                                    <li>
                    <a href="http://local/regionredirect/index/set/?code=ML">
                        Europe (€)                </a>
                </li>
                                    <li>
                    <a href="http://local/regionredirect/index/set/?code=US">
                        USA ($)                </a>
                </li>
                                    <li>
                    <a href="http://local/regionredirect/index/set/?code=JP">
                        Japan (¥)                </a>
                </li>
                                    <li class="last">
                    <a href="http://local/regionredirect/index/set/?code=GB">
                        UK (£)                </a>
                </li>
                </ul>
    </div>
                                </div>

任何帮助将不胜感激。我尝试更改类名,但它中断了...我还尝试将其删除并专门将其放在跨度中以尝试仅定位页脚位置。都没有奏效。

标题坏了:

页脚很好:

我不希望对页脚进行任何更改,但您也可以看到它影响页眉选择的位置,因为 USA 被复制了。不需要那个。

【问题讨论】:

  • 定位两个选择输入是什么意思?您要在哪里定位页脚中的那个?在 CSS 中?
  • 我会添加一些图片来帮助理解上下文。
  • css 会影响页面上的两个选择,但我只希望它影响页脚选择。 @lucasnadalutti
  • 好的,现在我明白了。相应地回答。

标签: html css class


【解决方案1】:

在您的 CSS 选择器中更加具体。而不是使用:

.select { ... }

用途:

.region .select { ... }

这样您只定位具有select 类的元素并且是具有region 类的某些元素的子元素。

【讨论】:

  • 好的,有没有简单的内联方法?我知道这不是最佳实践……如果不是……那很好……我会更改实际的 css 文件。
  • 好吧,您总是可以将style 直接应用于您想要的元素,但这确实是一种不好的做法,如果您这样做,您将不需要 CSS 定位。
  • 如何内联?谢谢你的回答,我马上去测试。
  • 我真的很困惑这将如何实现内联......我知道这不是好的做法但是......如何?我必须针对第 n 个孩子吗?还是有不同的方法?
  • @thismethod 你是什么意思“内联”?这个答案正是你想要的。在 CSS 中的“.select”选择器之前添加字符串“.region”。并阅读有关 CSS 选择器的信息:developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/…
猜你喜欢
  • 2016-02-29
  • 1970-01-01
  • 1970-01-01
  • 2021-11-12
  • 2022-01-14
  • 1970-01-01
  • 1970-01-01
  • 2021-05-30
  • 1970-01-01
相关资源
最近更新 更多