cuốn sách gpt4 ai đã làm

html - 为什么 "ol li"的 CSS 覆盖 "ul li"中的元素符号 "ul"的 CSS(但在 "li"中的 "ol"下)?

In lại Tác giả: Walker 123 更新时间:2023-11-28 04:54:59 26 4
mua khóa gpt4 Nike

我有以下 HTML:


  1. A numbered bullet


    • An un-numbered bullet



但是显示是这样的:

1. A numbered bullet
1. An un-numbered bullet

当我执行“检查元素”时,它显示 ul li 样式被划掉并被 ol li 覆盖。为什么?

câu trả lời hay nhất

it shows the ul li styles crossed out and overriden by ol li.

bởi vì ul hiện hữu ol 中, 是两个列表元素的后代,因此两个选择器都适用。

两个选择器有相等的specificity , 所以它们被应用 in order .

您在样式表中的 ul li 样式之后定义了 ol li 样式,因此它们覆盖了前面的样式。

您可以使用更具体的选择器来定位更深的列表:

ol ul li { }

或者您可以使用子组合器而不是后代组合器:

ol > li {}
ul > li {}

(请注意,将 ul BẰNG ol 的子项是无效的 HTML。嵌套列表应出现在 中.)

关于html - 为什么 "ol li"的 CSS 覆盖 "ul li"中的元素符号 "ul"的 CSS(但在 "li"中的 "ol"下)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24704947/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress