CSS 样式是指对 HTML 文档中的元素的样式进行设置的规则。这些规则可以通过 CSS 类、属性和选择器来实现。如果 CSS 样式没有被应用，则元素的样式将默认为无。
在 JavaScript 中，可以使用 `document.styleSheet` 对象来访问 CSS 样式表。如果该对象没有 `style` 属性，则代表 CSS 样式已经被应用。相反，如果该对象有一个 `style` 属性，则代表 CSS 样式还没有被应用。
以下是一个简单的 JavaScript 函数，可以判断一个元素的 CSS 样式是否已经应用：
“`javascript
function isCSS样式已应用(element) {
const sheet = document.styleSheet;
const style = sheet.cssText;
return style.indexOf(‘style’) > -1;
该函数接受一个元素作为参数，并返回一个布尔值，表示该元素的 CSS 样式已经被应用。如果函数返回 `true`，则代表元素已经被应用了 CSS 样式；如果返回 `false`，则代表元素没有被应用。
下面是一个使用该函数的示例：
“`javascript
const element = document.getElementById(‘my-element’);
const isCSS样式已应用 = isCSS样式已应用(element);
console.log(isCSS样式已应用); // true
console.log(element.style.color); // will be “red”
在这个示例中，大家使用 `getElementById` 方法获取一个名为 `my-element` 的元素的 ID 属性。然后，大家使用 `isCSS样式已应用` 函数来检查元素是否已经被应用了 CSS 样式。如果函数返回 `true`，则代表元素已经被应用了 CSS 样式；如果返回 `false`，则代表元素没有被应用。最后，大家使用 `console.log` 方法来打印元素的 CSS 样式属性值，以确保它被正确显示。
使用 JavaScript 来判断 CSS 样式是否已应用可以帮助大家更好地管理元素的样式，并确保它们与预期的保持一致。