カテゴリー: note

例　wp-d-startline

3089行目
.navigation-main li:hover > a {
/* グローバルメニューの背景色 */
background-color: #e0d5b8;
background-color: #fff;
}

子孫、子、兄弟セレクタ

3109行目

/* Small menu */
.menu-toggle {
display: none;
cursor: pointer;
margin: 0 20px 0 0;
padding: 10px 0;
}

.main-small-navigation ul {
display: none;
}

.menu-toggle .genericon-menu {
margin-top: 5px;
font-size: 0.725em;
}

.main-small-navigation li {
list-style: none;
border-bottom: 1px solid #39f;
/* border-left: 1px solid #c6b688;
border-right: 1px solid #c6b688;
-webkit-box-shadow: 0 1px 0 #eae2cc;
-moz-box-shadow: 0 1px 0 #eae2cc; */
float: left;
}
.main-small-navigation li:nth-child(odd) { /* トグルが開いたときのリストの左側だけ */
border-right: 1px solid #39f;
width: 35%;
}
.main-small-navigation li:nth-child(even) { /* トグルが開いたときのリストの左側だけ */
width: 65%;
}
.main-small-navigation li:nth-child(5){ /* トグルが開いたときの最後のリストだけ */
border-bottom: none;
}
.main-small-navigation li:last-child{ /* トグルが開いたときの最後のリストだけ */
border-bottom: none;
margin-bottom: 20px;
}

.main-small-navigation li a { /* トグルが開いたときのリンク */
display: block;
padding: 10px 10px;
}

.main-small-navigation li a:hover { /* トグルが開いたときのリンクのホーバー背景色 */
background-color: #fff;
}

.main-small-navigation .large-12 {
background-color: #e0d5b8;
}