html嵌套展开列表,html – 如何在嵌套列表样式中分隔样式？

我有一个列表,列表中也有列表.

我在父列表上设置样式,但我想要父母和子列表的不同样式,但它们混合在一起我不能分开它们.

• Something

• 

  Username

  • test
  • test
  • test
  • test
  • test
  • test
  • test

CSS文件：

body{background:#ff0000;}

#accountNavigation{ list-style: none;float: right;height: 44px;}

#accountNavigation li{ float: left;color: #fff;height: 44px;}

#accountNavigation li:hover{ background: #ddd;cursor: pointer;}

#accountNavigation li a{ text-decoration: none;color: #fff;line-height: 44px;font-weight: bold;font-size: 13px;height: 44px;padding: 15px 27px 0 14px;outline: none;}

#accountNavigation li img{ position: absolute;top: 12px;left: 10px;width: 22px;height: 22px;}

#userNavigation{position: relative;}

#userNavigation a {padding-left: 38px !important;}

#userNavigation{}

#userNavigation:hover{}

#userNavigation:hover .showme{display: inline;}

.showme

{

display: none;

width: 140px;

height: 200px;

background: #f5f5f5;

margin: 0px auto;

padding: 10px 5px 0px 5px;

border: 1px solid #ddd;

border-top: none;

z-index: 10;

position: absolute;

right:0;

top: auto;

}

#userNavigation ul { list-style: none;}