.my-title { font-size: 24px; color: #333; margin: 0; . /* 这里的点就是不必要的 */ text-decoration: underline; }
这时候,大家需要将字前面的点删除,可以使用以下两种方法:
方法一:使用属性选择器
.my-title { font-size: 24px; color: #333; margin: 0; text-decoration: underline; } .my-title[class]::before { content: ""; }
在这里,大家使用了属性选择器[class]
来选择所有带有class
属性的元素,然后使用伪元素 ::before 给这些元素添加一个空白内容,从而达到去掉字前面的点的目的。
方法二:使用伪元素 ::marker
.my-title { font-size: 24px; color: #333; margin: 0; text-decoration: underline; } .my-title ::marker { display: none; }
在这里,大家使用伪元素 ::marker 来选择所有带有列表标记符号的元素,然后设置它们的显示属性为 none,也就是不显示,从而达到去掉字前面的点的目的。
综上所述,以上两种方法都可以有效地去掉CSS样式表中字前面的点,选择哪一种方法看具体情况而定。