ul的li第一个和最后一个的样式特殊处理

作者: 没有卢果 | 来源:发表于2019-11-22 09:18 被阅读0次

ul的li第一个和最后一个的样式特殊处理
用ul做一个云标签
HTML-CSS-布局3-盒模型扩展
js 获取元素所有兄弟节点实例
清除ul li样式
鼠标移入效果
初识HTML+CSS（第3章认识标签二）
css（1）:not()和last-child
轮播图实现
bootstrap里的tab栏切换

第一个li的样式：li:first-child { background:#f00; }
最后一个li的样式：li:last-child { background:#000; }
第n个li的样式：li:nth-child(n) { background:#000; }
倒数第二个li的样式：nth-last-of-type(2){ background:#000; }
奇数列表：li:nth-child(odd) { background:#f00; }
偶数列表：li:nth-child(even) { background:#f00; }

ul的li第一个和最后一个的样式特殊处理
第一个li的样式：li:first-child { background:#f00; }最后一个li的样式：l...
用ul做一个云标签
效果 1、控制位置 ul>li 去掉原本样式 ul>li 背景 ul>li 不独占一行
HTML-CSS-布局3-盒模型扩展
清除默认样式书写样式时，body、ul、dl、p、li等标签都有默认的padding和margin。比如ul、o...
js 获取元素所有兄弟节点实例
比如一个ul里面有10个li，而第3个li上有特殊的样式（比如颜色为红色，其他为黑色）。我想把其他所有li——不包...
清除ul li样式
ul默认会带有样式，在开发过程中我们可能不需要，可通过下面的方式去除
鼠标移入效果
CSS样式实例 /公共样式/div,ul,li,a{margin:0px;...
初识HTML+CSS（第3章认识标签二）
一：使用ul，添加新闻信息列表1.ul-li是没有前后顺序的信息列表。2.ul-li在网页中显示的默认样式一般为：...
css（1）:not()和last-child
1.last-child ul最后一个li元素无边框。 2.:not() ul最后一个li元素无边框。两种作用一...
轮播图实现
轮播图思路： ul li标签 transform: translate translate的距离默认为ul中第一个...
bootstrap里的tab栏切换
1 在ul标签里面引入nav nav-tab的类即可实现相应的tab栏样式其中要为第一个li 标签添加acti...