用css如何定义最后一条li的的样式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用css如何定义最后一条li的的样式相关的知识，希望对你有一定的参考价值。
Vue实践-CSS样式position/display/float属性对比使用
参考技术A CSS3:
#cat-nav li:last-childborder:none;
JS:
$(function()$(“#cat-nav li:last”).css(“border”,”none”);)
这两个各缺点，CSS3部分浏览器不支持，而JS是能少用就少用的东西。。。 参考技术B li:last-child
li:nth-last-child(1) 参考技术C <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<style type="text/css">
ul li:last-child
color:red;
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
</ul>
</body>
</html>
在css中设置ul样式，li的前面默认会出现黑色圆点，怎样修改圆点的颜色……求解
li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决。1.将圆点去掉，li list-style:none；然后用color:#ff0000;设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000; font-size:12px;"><span style="color:#00ff00; font-size:20px;">.</span>list1</li>这样点就是绿色的，字就是红色的了。
2.将圆点去掉，li list-style:none；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000; font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦，不懂的再hi我 参考技术A lilist-style:none把默认的给去掉，然后把着了色的圆点切成一张背景图片使用；
libackground:url(图点图片路径) no-repeat;本回答被提问者采纳 参考技术B <html>
<head>
<style type="text/css">
ulcolor:#f00;
spancolor:#0f0;
</style>
</head>
<body>
<ul>
<li><span>=====YaopK=====</span></li>
</ul>
</body>
</html>
代码上面这样的。
用 ul 或 li 设置一个颜色（这个颜色为园点的颜色）
在 li 中套个 span 标签，再设置颜色（这个是字体的颜色）
这样就可以了……
以上…… 参考技术C list style="color:blue(换成你想要的颜色)" 参考技术D 很简单哦，
li list-style:circle
就是 list-style参数，这个可选的很多，你用dreamweaver的 css 编辑器里面提示看到。
如果你不想要这个 ，直接：li list-style:none
----------------
我是沙发哦，要设为最佳哇。。。^_*
以上是关于用css如何定义最后一条li的的样式的主要内容，如果未能解决你的问题，请参考以下文章