gpt4 book ai didi

php - 如何使用 PHP 计算 DOM 节点的有效 CSS

转载 作者:行者123 更新时间:2023-12-02 04:55:34 25 4
gpt4 key购买 nike

给定一个 HTML 和一个 CSS 文件,我如何计算将哪些样式应用于节点?样式可以直接应用(例如#bar)或间接应用(例如#foo li)

最佳答案

因为应用的 CSS 取决于节点在树中的位置(例如 #foo > li 仅适用于带有 tagName li 的#foo 的直接后代),您首先必须将 CSS 中的每个规则与 DOM 匹配,然后为每个节点计算生成的 CSS,同时考虑每个选择器的权重。我不确定计算 CSS 权重的确切公式,但它类似于#id 选择器的数量 * 100 + .class 选择器的数量 * 10 + 标签选择器的数量。当然,你必须介意内联样式和!也很重要。

对于 CSS 到 DOM 节点的映射,您可以使用查询引擎,如 phpQueryphp-selector .

我已经编写了概念验证脚本 php-effective-css这说明了第一步(将 CSS 映射到受每个规则影响的 DOM 节点)

关于php - 如何使用 PHP 计算 DOM 节点的有效 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18058639/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com