想说的话

新建一个gist，作用在于：

• 记录CSS实践中大大小小的心得，体会，坑点等
• 尝试使用gist来记录代码片段

下面开始了

导航栏li左右颠倒

• 解决 在ul>li的导航栏结构中，对li浮动到右侧，导致文本左右颠倒

.topNavBar > nav > ul {
  float: right;  
}
.topNavBar > nav > ul > li {
  float: left;
  list-style: none;
  margin-left: 17px;
  margin-right: 17px;
}

只要父元素先右浮动，子元素再左浮动即可解决！