web-dev-qa-db-ja.com

アーカイブドロップダウンスタイルは適用されません

私はアーカイブ用のカスタムドロップダウンを追加しようとしていますが、それがうまくいかない理由かもしれないいくつかの間違いと戦っています。

CSSは私のドロップダウンにwidthを与えるだけで、他のスタイルは含まれていません。私は問題がPHPに関するものであることをかなり確信しています。最初の選択肢だけでなく、オプションの値を追加することはできません。どうすれば修正できますか？

PHP

<select id="cd-dropdown" name="cd-dropdown" class="cd-select"                   onChange='document.location.href=this.options[this.selectedIndex].value;'>
<option value="-1"><?php echo attribute_escape(__('Select Month')); ?></option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?> </select>

CSS

.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

問題は価値観にあると思います。 Codropsが教えている方法でドロップダウンのスタイルを設定しようとしています： ここ 。今のところ、ドロップダウンには300に設定されているwidth以外のスタイルはありません。

phpcssjavascriptarchivesdropdown
2
Meigo62

クラスインジケーター（期間）を使用してCDドロップダウンをターゲットにしている場合、CDドロップダウンはIDであるため、IDセレクター（ハッシュタグ）を使用してターゲットにする必要があります。

#cd-dropdown > span,
#cd-dropdown ul li:nth-last-child(-n+3) span {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
1
tobbr