请问，去掉ul和ol前的点能否用text-decoration？我试了一下，也能去掉点

慕雪8303067 2019-09-06

源自：动态文章列表效果 3-1 文章列表效果

收起

3回答

好帮手慕言回答被采纳获得+3积分 2019-09-07 09:57:36

同学你好，是不可以的哦，在同学提供的代码中，只是清除了元素的margin和padding值，在视觉上看起来是消除了，其实并没有哦，同学给类名为list的元素添加margin值就可以看到了。

代码参考：

页面效果：

text-decoration 属性规定添加到文本的修饰，下划线、上划线、删除线等。

如果要取消元素前面的点可以使用 list-style: none;属性哦。

如果帮助到了你，欢迎采纳~祝学习愉快~

收起回答

提问者慕雪8303067 2019-09-06 21:49:17

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
ul,ol,a{
text-decoration: none;
}
</style>
</head>
<body>
<div class="list">
<ul>
<li>
<a href="">前端开发</a>
<ol>
<li>HTML/CSS</li>
<li>JavaScript</li>
<li>Query</li>
</ol>
</li>
</ul>
</div>
</body>
</html>

收起回答

好帮手慕言 2019-09-06 17:39:11

同学你好，是红框里面的点嘛？

如果是的话，这边测试是不能去掉的哦，要使用list-style: none;属性才可以。

同学可以把代码粘贴上来，这边测试下。

祝学习愉快~

收起回答

提问者慕雪8303067 #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } ul,ol,a{ text-decoration: none; } </style> </head> <body> <div class="list"> <ul> <li> <a href="">前端开发</a> <ol> <li>HTML/CSS</li> <li>JavaScript</li> <li>Query</li> </ol> </li> </ul> </div> </body> </html>

2019-09-06 21:45:38
提问者慕雪8303067 #2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } ul,ol,a{ text-decoration: none; } </style> </head> <body> <div class="list"> <ul> <li> <a href="">前端开发</a> <ol> <li>HTML/CSS</li> <li>JavaScript</li> <li>Query</li> </ol> </li> </ul> </div> </body> </html>

2019-09-06 21:46:42
提问者慕雪8303067 #3

多发了一个，怎么删掉自己的回复啊？

2019-09-06 21:53:25