html - 列表样式类型 : none when list items are links and show bullets when the list items aren't links? CSS

标签 html css

如果我在页面上点亮了几个元素符号,并且一些列表包含普通文本(没有段落元素)而一些列表包含链接,是否可以在链接上没有元素符号但在文本项上有元素符号?

要删除我所做的所有元素符号:

#WebPartWPQ1 li ,#WebPartWPQ2 li ,#WebPartWPQ3 li ,
#WebPartWPQ4 li,#WebPartWPQ5 li,#WebPartWPQ6 li,
#WebPartWPQ6 li {margin-left: -25px; list-style-type: none}

但如果该元素是一个链接,我想显示元素符号。我试过:

#WebPartWPQ1 li ,#WebPartWPQ2 li ,#WebPartWPQ3 li ,
#WebPartWPQ4 li,#WebPartWPQ5 li,#WebPartWPQ6 li,
#WebPartWPQ6 li {margin-left: -25px;}

#WebPartWPQ1 li a ,#WebPartWPQ2 li a ,#WebPartWPQ3 li a ,
#WebPartWPQ4 li a,#WebPartWPQ5 li a,#WebPartWPQ6 li a,
#WebPartWPQ6 li a {margin-left: -25px; li ast-style-type: none}

没有成功,有什么想法吗?

最佳答案

您将不得不求助于服务器端预处理或 Javascript。 CSS 中无法根据子元素的样式来设置元素的样式,也无法根据子元素的样式声明更改父元素的样式。这是 W3 CSS2 Selector ReferenceCSS3 working draft Selector reference , 他们都没有提到父选择器。

关于html - 列表样式类型 : none when list items are links and show bullets when the list items aren't links? CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4811771/

相关文章:

html - 背景覆盖

HTML+CSS : How to add shadow (as image) to image?

css - 加载时隐藏 jQuery Accordion

css - Bootstrap 3 - 行中的列应具有相同的高度

css 悬停替代(自动)

jquery - 如何使用 jqueryUI 在可排序菜单项的列表项的边框中包含列表编号

javascript - 如何在 AJAX 请求正在进行时禁用提交按钮并在收到成功的 AJAX 响应后启用它?

javascript - 如何在幻灯片放映中将不同大小的图像居中?

css - 如何使用 Bootstrap 4 flexbox 填充可用内容?

javascript - 如何使用 CSS 类更改特定样式?