如何通过选择器在不创建元素的情况下从css中检索样式？

Question

假设我们有两个css文件

.x { background-color="red" }

第二有

div { border=1 }
div:hover { border=2 }

如果不创建新元素来获得其样式，那么如何才能获得by javascript的样式？

即使我们需要创建新元素来获得样式。我们怎么才能不悬停就能得到它呢？

有类似于document.queryStyle({ type:"div“、class:"x”、悬浮:true })之类的功能吗？

Answer 1

创建元素并在之后移除元素通常没有问题，因为访问者永远不会看到它。

使用jquery的解决方案：

$div = $('<div class="border"></div>');
$('body').append($div);
var css = $div.css("border");
$div.remove();

HTML

<div class="content">
    hello world
</div>

CSS

div.border {
   border: 1px solid black;
}

JsFiddle示例：http://jsfiddle.net/ypUKC/

如果你真的不能创建元素，谷歌为"Javascript CSS解析器“。

顺便说一下，您的CSS语法是不正确的。它是"div {边框: 1px；}"，而不是"div {边界=1 }“。

Answer 2

谢谢你们的帮助。我有找到一种方法，我需要用事件选择器检索样式