麦子学院html与css里的侧栏怎么制作

<div class="sidebar">

<ul>

<li>优先级

<ul>

<li><aonclickaonclick=""class="sidebar-selected">全部</a></li>

<li><aonclickaonclick="">P1</a></li>

<li><aonclickaonclick="">P2</a></li>

<li><aonclickaonclick=“" >P3</a></li>

<li><aonclickaonclick="">P4</a></li>

</ul>

</li>

</ul>

</div>

.sidebar {

border-right: 1px solid #f0f2f1

width: 180px

float: left

padding-left: 35px

}

.sidebar>ul {

list-style: none

padding: 0

margin: 0

}

.sidebar>ul>li {

font-size: 18px

font-weight: 400

padding: 0010px

margin-top: 5px

}

.sidebar>ul>li>ul {

border-top: 1px dashed rgba(0,0,0,0.1)

display: block

list-style: none

margin: 5px010px0

padding: 10px0010px

font-size: 14px

max-height: 138px

overflow: auto

}

.sidebar a {

line-height: 1.5

}

.sidebar a:hover {

color: #e74430

cursor:pointer

}

.sidebar-selected {

color: #e74430

}

麦子学院国内唯一的android程序员到架构师之路课程，遵循敏捷的迭代过程，从思想、方法、模式、范例和成功案例各种不同角度，带你学习从android设计到代码的途径。让你在活泼的过程中，轻松地从原本的代码世界，迅速熟悉设计的新天地。学习高老师提出的EIT架构设计模式，熟悉Android开发本身体系结构设计，也可以换位以Android系统的设计师角度来思考问题。

麦子学院可在线记录你的学习进度，通过网络，老师可以更有针对性地解决你的问题；比线下机构给予学生的辅导时间更加宽裕，更能保证你的学习效果。 更自由：我们可以使用电脑、手机等移动设备，随时随地进行学习！

麦子学院除了提供高质量的课程学习之外，也提供包括就业推荐，职业交友，项目外包，创业服务等全面的增值服务，并且线上线下结合，移动设备和传统网络相结合，打造IT职业教育的一个完整生态链。以高端IT技术型人才培养及服务为核心，探索及倡导技术交流创新模式。提供的不仅仅是技能培养，而是务实的职业导向！

麦子学院Cocos2d-x手游开发，国内唯一的手机游戏从程序员到架构师之路的课程,遵循敏捷的迭代过程。本套cocos2d-x教程从思想、方法、模式、范例和成功案例各种不同角度出发，带你学习从设计到代码的途径，让你在学习的过程中，轻松地从原本的cocos2d-x代码世界，迅速熟悉设计的新天地。

---