如何判断元素是否应用了 ::before 伪元素？

要判断一个元素是否应用了 ::before 伪元素，可以使用 JavaScript 来获取元素的伪元素样式。下面是一个示例代码，演示了如何判断元素是否应用了 ::before 伪元素：

HTML:

<div id="myElement">Hello World</div>

CSS:

#myElement::before {
  content: "Before";
  color: red;
}

JavaScript:

var element = document.getElementById("myElement");
var beforeStyle = window.getComputedStyle(element, "::before");

if(beforeStyle.getPropertyValue("content") !== "none") {
  console.log("元素应用了 ::before 伪元素");
} else {
  console.log("元素没有应用 ::before 伪元素");
}

在上面的代码中，首先使用 document.getElementById 方法获取到带有 id 为 "myElement" 的元素。然后，使用 window.getComputedStyle 方法获取到该元素的伪元素样式，通过传入 ::before 作为第二个参数。接下来，通过调用 getPropertyValue 方法获取伪元素的 content 属性的值，如果该值不为 "none"，则表示元素应用了 ::before 伪元素。

注意，该方法只能判断元素是否应用了 ::before 伪元素的样式，并不能获取到具体的样式属性和值。如果需要获取具体的样式属性和值，可以通过类似的方法来获取其他属性。