WordPress二级导航实现

1
.menu-nav-container ul {
2
    margin: 0;
3
    text-indent: 0;
4
  }
5
.menu-nav-container li a,
6
.menu-nav-container li {
7
    display: inline-block;
8
    text-decoration: none;
9
  }
10

11
.menu-nav-container li {
12
    margin: 0 0;
13
    position: relative;
14
  }
15
.menu-nav-container li ul {
16
    display: none;
17
    margin: 0;
18
    padding: 0;
19
    position: absolute;
20
    top: 100%;
21
    z-index: 1;
22
  }
23
.menu-nav-container li ul ul {
24
    top: 0;
25
    left: 100%;
26
  }
27
.menu-nav-container ul li:hover > ul {
28
    border-left: 0;
29
    display: block;
30
  }
31

32
.menu-nav-container li li a, .menu-nav-container li li a:link, .menu-nav-container li li a:visited {
33
  background: #dcdcdc;
34
  width: 100px;
35
  color: #fff;
36
  font-size: 14px;
37
  font-weight: normal;
38
  display: block;
39
  text-transform: uppercase;
40
  float: none;
41
  margin: 0px;
42
  padding: 8px 10px 7px 10px;
43
  -moz-border-radius:300px; border-radius:300px;
44

45
}
46
.menu-nav-container li a, .menu-nav-container li a:link, .menu-nav-container li a:visited
47
  {
48
  display:block;
49
  color: #fff;
50
  font-size:14px;
51
  text-transform: uppercase;
52
  margin: 0 3px;
53
  padding: 9px 10px 6px;
54
  text-decoration: none;
55
    }
56

57
.menu-nav-container li ul li a {
58
    background: #efefef;
59
    border-bottom: 1px solid #ededed;
60
    display: block;
61
    font-size: 11px;
62
    font-size: 0.785714286rem;
63
    line-height: 2.181818182;
64
    padding: 8px 10px;
65
    padding: 0.571428571rem 0.714285714rem;
66
    width: 180px;
67
    width: 12.85714286rem;
68
    white-space: normal;
69
  }
70
.menu-nav-container li ul li a:hover ,.menu-nav-container li ul li  a:active{
71
      background: #111;
72
          color: #eee;
73
          padding: 8px 10px 7px 10px;
74
  }