CSS样式中 li + li表示什么意思?

发布网友发布时间：2022-04-06 12:16

共4个回答

懂视网时间：2022-04-06 16:37

在html中，我们经常会遇到li标签，那么li标签有哪些属性？下面我们来了解一下css中li标签的属性。

一：标签有哪些属性

在html中，使用css中li标签来控制样式，很多网站上都是点为开头，也有的是按照图片形式开头。li是html中是最基本的属性，li标签用于无序和有序的列表中，例如：

<ol> 
<li>php1</li> 
<li>php2</li> 
</ol> 
 
<ul> 
<li>php3</li> 
<li>php4</li> 
</ul>

效果如下：

微信截图_20181107105936.png

在以上代码中，可以看到li的默认有序和无序，ol是以有序的数字进行排列，而没有顺序的ul是以小圆点来进行排序的。目前在所有浏览器中，都是可以就兼容li。【推荐阅读：javaScript动态添加Li元素】

二：css中li标签的属性详解

很多时候，我们都会给li加上属性，来达到想要的效果，我们可以让元素水平排列也可以让元素左对齐，也可以给列表加颜色，例如：

ul{
 width:100%;
}
li{
 float:left;
}

以上代码我们就可以实现对元素进行水平排列，如果想要其他效果，直接修改代码就可以了。

热心网友时间：2022-04-06 13:45

表示和当前li同级的所有li标签。不包括父级li和子级li。
另外常用的还有li>li：这个表示当前li的子级li标签。

热心网友时间：2022-04-06 15:03

表示li后面跟着的那个li 是同级关系追问在自适应网页中如何固定一个图片的位置，当窗口变小的时候还不会跳动

追答在样式里面把位置固定

热心网友时间：2022-04-06 16:38

表示第一个li后面紧跟的那个兄弟节点li