在CSS排版中怎样把列表前面的点去掉?

html-css07

在CSS排版中怎样把列表前面的点去掉?,第1张

1、用list-style属性就可去掉点。操作方法是首先打开html编辑器,新建一个html文档,里面新建一个无序列表:

2、然后在上方引入style标签,在里面设置样式,这里设置一下背景色和字体方便观察效果,再设置li标签的list-style属性的值为none,设置完保存打开浏览器:

3、最后在浏览器中就可以看到效果了,此时出现的就是没有点的列表了:

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签中,输入js代码:

$('td').click(function () {

$('td').css('font-weight', 'normal')

$(this).css('font-weight', 'bold')

})

3、浏览器运行index.html页面,点击“我是A”,此时字体会变粗。

4、再点击“我是B”,此时“我是A”的字体粗度恢复正常,“我是B”的字体变粗。

举一个简单的ul,li的列表例子,实现如下效果:

常规写法(使用last-child选择器):

写法2(使用not选择器):

写法2(使用+选择器):

相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。