甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
1、首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站建设、网站设计、苏州网络推广、成都小程序开发、苏州网络营销、苏州企业策划、苏州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供苏州建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
2、首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。
3、调用：addElementLi(parentUl)；用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。
步骤如下：首先我用一个ul和两个li标签元素来再页面显示一下；接下来就开始让这两个li标签一左一右排列。
首先先打开我们的开发环境 新建一个web项目。在html中引入css文件 这里是html页面的代码 div和ul。将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。
将li的height和line-height设置成为和设计稿一样的 将列表图标整体切出来，铺在ul上，不平铺 使用background-position控制ul背景和li中的文字对齐即可。。
用浏览器f12看到的div和ul中的空白处是ul的padding-left的值，所以就直接设置“padding：0；”或者“padding-left：0；”就行了。
1、css3支持偶数行匹配，如li：nth-of-type(even) 如果是odd表示奇数行。对于js来说是没有直接的功能作这个匹配的，某些框架可能支持，但是也都是模拟的。
2、如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：nth-of-type()可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。
3、参考答案：B odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。
4、可以在样式里面给它写奇偶数的判断，比如循环一个 ul li 列表 要实现奇偶数样式不同 就用ul li：nth-child(odd)表示偶数；奇数用nth-child(even)表示。
css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。
代码如下：li：nth-child(3n){ background：#ff0000；} CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
引言从本节开始，就进入本系列的第二个部分？css和html的结合？说白了就是选择器。CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。
四个选择器的用法可以参阅CSS中a：link、a：visited、a：hover、a：active的用法一章节。：link选择器可以参阅CSS的链接伪类选择符E：link一章节。 ：visited选择器可以参阅CSS的链接伪类选择符E：visited一章节。
hotpink； } .★ { color： yellow； } 嗯，看起来怎么样，你是可以这么用的： CSS 1 只要是Unicode的，你都可以这么来声明你的类。
如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：nth-of-type()可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。
所以要好好真心当前时间 div css教程里面有大量详实的代码 上面的代码可以将第二个li元素的字体颜色设置为绿色。：nth-child可以参阅CSS的伪类选择符E：nth-child(n)一章节。
在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。
css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。
首先看一小段 CSS 代码：#menus li { font-size： 14px； }可能大家都会猜想浏览器会使从左到右匹配上面的规则，我们会想象浏览器先找到唯一的 id 为 menus 的元素，然后把样式应用到其直系子元素 li 元素上。
如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：nth-of-type()可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。
一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。
一组li，这个li不是v-for出来的。是直接写死的。
li)[1]， div = ligetElementsByTagName(div)[0]； div.setAttribute(class，你要添加的样式CLASS名)； //添加属性也可以这样做。