Concrete5 サイトのメニュー項目間の区切り線を実現しようとしています。各メニュー項目に境界線を追加し、:first-child 疑似クラスを使用して最初の項目の前にセパレーターを追加して実装しようとしました。ただし、疑似クラスは無視され、各メニュー項目の両側に境界線が追加されています。コードは次のとおりです。
.top-bar-section ul li > a {
display: block;
width: 100%;
color: white;
padding: 12px 0 12px 0;
padding-left: 15px;
font-size: 0.8125em;
font-weight: bold;
background: #0D42C0;
border-right: 1px solid white;
}
.top-bar-section ul li > a:first-child {
border-left: 1px solid white;
}
CMS によって生成される HTML メニューの正確な構造はわかりませんが、これらのセレクターは機能しているようです。この問題を解決するために他に必要なものがあるかどうかはわかりません。この問題を診断するためにさらに情報が必要な場合はお知らせください。
どんな助けでも大歓迎です!