ul 与li的区别？ul中的li与a的区别？

最新推荐文章于 2022-01-08 10:49:03 发布
最新推荐文章于 2022-01-08 10:49:03 发布
阅读量1.8k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llinyunxia/article/details/41318803
版权

ul＝table　

li＝tr　　

ol＝td

 

 

li类别标签，a是连接伪类，他们之间没有上面联系的，但是a是结合li来用的，当然他们又是单独的

<ul>

<li>Home</li>

<li>about</li>

<li>News</li>

</ul>

<li><a href="">Home</a></li>

<li><a href="">about</a></li>

<li><a href="">News</a></li>

<ul>
</ul>

 

 

 

llinyunxia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS中的ul与li样式详解共5页.pdf.zip
11-20
这份名为"CSS中的ul与li样式详解共5页.pdf.zip"的压缩文件很可能包含了关于如何使用CSS来定制这些列表元素样式的深入讲解。 `<ul>` 标签用于创建一个无序列表，通常显示为带有圆点或小方块的项目符号。这些列表可以...
css中使用ul li ul li ul li ul li 实现四层级联菜单
12-08
复制代码代码如下: <!... <head> <title></title>...style type=”text/css”> a { color:Black; /*–a标签的默认颜色为黑色–*/ text-decoration:none; /*–隐藏超链接的下划线–*/ } a:
css 中ul li 与 ul>li的区别
weixin_30488085的博客
04-23 1525
ul li ：后代选择器，ul 里所有的 li 元素，包括 ol 里的 li ; ul>li ：子代选择器，下一级的DOM节点，不包括 ol 里的 li 。 ul>ol>li ：子代选择器必须一代接一代。 1 <ul> 2 <li>111</li> 3 <li>222</li> 4...
＜HTML中ul.ol和li的区别＞
qq_38928735的博客
02-21 3366
<HTML中ul.ol和li的区别> 1.ul（unordered list）是无序列表，ol(ordered list)是有序列表哦。 2.ul是块级元素，可定义宽和高；li表示行排列不能单独使用，需要在ul或者ol中配合使用。 3.ul的type属性有：(1)disc-实心圆（默认），（2）circle-空心圆，square-实心方块；ol的type属性有：（1）1-数字（默认），（2）a-小写字母，（3）A-大写字母，（4）i-小写希腊字母，
jQuery中层级元素 ul li与ul>li的区别
weixin_43918847的博客
05-04 586
这是jQuery中的两个层级选择器 <ul> <li>12 <ol> <li>33</li> </ol> </li> <li>12</li> <li>12</li> </ul&...
使用ul li和不适用ul li的区别
qq_40133235的博客
01-16 409
在制作使用ul li和不适用ul li的区别 1.使用ul li会使其中的内容和使用p标签一样，是一个块级元素，会使内容自动分行，使用后它的内容的内边距距离边框较远 2.不适用ul li标签，内容是行内元素，它的内边距距离边框比较近 3.（复习）给标签a设置居中或设置其位置，都需要先给a标签设置成块级元素display：block；这样不论是text-align：center；margin：px px px px；还是padding：px px px px；才可以实现。 ...
HTML中的ul、li、ol、li、dl、dt、dd的区别讲解与示例
Pepe专栏
07-25 9880
HTML中的ul和li 需要同时出现，并且要成对出现。         ul和li 是无序列表的意思。        ol和li 是有序列表的意思。        dl、dt和dd是普通列表的意思。  下面给大家举个例子就明白了： 几种列表的区别 下面是dl、dt和dd的示例 中国城市 北京  上海  广州  美国城
JavaScript使用ul中li标签实现删除效果
12-10
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...
Angular中ng-repeat与ul li的多层嵌套重复问题
08-29
Angular中ng-repeat与ul li的多层嵌套重复问题解决方案 Angular中的ng-repeat指令可以实现对数组或对象的循环输出，但是当我们需要使用ng-repeat进行多层嵌套时，容易出现数据重复的问题。本文将介绍Angular中ng-...
css-ul-li-a
qq_41808893的博客
09-18 491
ul-li-a部分知识
li:hover与a:hover的区别
kbx8916的博客
08-24 5059
ul.two { display:none; } li#one:hover { display:block } 链接              链接1-1        链接1-2     如果用a#a1:hover来控制列表的颜色， 那么当光标移动到ul.two时，就会失效，因为光标离开了a#a1,a#a1:hover
ul, li, a怎么用
weixin_33725270的博客
01-18 643
<style type="text/css"> *{margin:0; padding:0;font-size:14px} body{padding-top:20px} ul,li{list-style: none} ul{background: yellow;} li{float:left; width:60px; height:50px;}//width:60px...
html ul li a i,CSS selectors ul li a {...} vs ul > li > a {...} - Stack Overflow
weixin_29251337的博客
06-27 220
1) for example HTML code:firstlinksecond link</a>and css rules:1) ul li a {color:red;}2) ul > li > a {color:blue;}">" - symbol mean that that will be searching only child selector (pare...
css常用标签使用：标签a、ul li 属性display、list-style、background-image，水平、垂直居中
weixin_46371752的博客
01-08 1368
使用ss样式： 1、在html的<head> </head>中 <head> <style> div{ color:red; } </style> </head> 2、在html的<head> </head>中引入css文件 <head> <link rel="stylesh
html ul li a颜色,ul li a span 这种选择器的写法有什么问题？
weixin_42394785的博客
06-22 364
discuz的文档中有这么一句话：勿使用冗余低效的 CSS 写法, 例如：ul li a span { ... }不知道为什么这种写法会是冗余低效？如果说直接使用标签选择器不好，那么改成这样呢：ul.test li a span关于选择器的层级问题，我不理解为什么超过三级会不好？补充：我作了个测试：你们好//选择器性能测试function test(fn){var start=+new Date(...
ul li标签是什么元素？
Always-Learning
10-25 4033
这两个都是块级元素，可以给宽高！
ul和li的用法
热门推荐
温故知新
03-31 1万+
一、清除缩进和项目符 1、清除项目符和缩进：ul {list-style: none; padding-left:0px;} 2、清除缩进    ul {margin:7;list-style-type:disc;} 3、清除缩进    ul {margin-left:20px} 4、清除缩进    ul {margin-left: -24px;} 二、更换项目符漂亮小图标 下面有3种
ul与li的使用
刚哥的博客
06-22 1341
一般情况下ul 去掉显示，li 通过浮动来实现横排显示或者竖排显示的效果
jquery li ul 伪分页_通过多个ul列表进行jQuery分页
weixin_39945475的博客
12-19 88
I can't get this script to work well. Can someone help me? First, I would like to make it that I can use it for multiple and elements.One other thing, I would like to make it so that if I have more...
ul>li>ul>li>ul>li
最新发布
06-08
可以使用类似以下的代码来生成 `ul>li>ul>li>ul>li` 这样的 HTML 结构： ```javascript // 创建外层ul元素 const outerUl = document.createElement("ul"); // 创建第一个li元素 const li1 = document.createElement("li"); // 创建内层ul元素 const innerUl1 = document.createElement("ul"); // 创建内层li元素 const innerLi1 = document.createElement("li"); // 创建内层ul元素 const innerUl2 = document.createElement("ul"); // 创建内层li元素 const innerLi2 = document.createElement("li"); // 创建内层ul元素 const innerUl3 = document.createElement("ul"); // 创建内层li元素 const innerLi3 = document.createElement("li"); // 将内层li元素添加到内层ul元素中 innerUl3.appendChild(innerLi3); // 将内层ul元素添加到内层li元素中 innerLi2.appendChild(innerUl3); // 将内层li元素添加到内层ul元素中 innerUl2.appendChild(innerLi2); // 将内层ul元素添加到内层li元素中 innerLi1.appendChild(innerUl2); // 将内层li元素添加到内层ul元素中 innerUl1.appendChild(innerLi1); // 将内层ul元素添加到第一个li元素中 li1.appendChild(innerUl1); // 将第一个li元素添加到外层ul元素中 outerUl.appendChild(li1); // 将外层ul元素添加到body中 document.body.appendChild(outerUl); ``` 这段代码会生成以下的 HTML 结构： ```html <ul> <li> <ul> <li> <ul> <li> <ul> <li></li> </ul> </li> </ul> </li> </ul> </li> </ul> ``` 需要注意的是，这种方式不是很常见，一般来说没有这么多层嵌套。而且这种方式比较繁琐，不太容易维护。如果需要生成多层嵌套的 HTML 结构，可以考虑使用递归的方式来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值