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

Question

假设我们有2个css文件 首先有

.x { background-color="red" }

第二个

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

我们怎样才能通过javascript获取样式而不创建新元素只是为了获得它的风格？

即使我们需要创建新元素来获取风格。我们如何在没有悬停的情况下获得它？

是否有任何功能，例如document.queryStyle（{type：＆＃34; div＆＃34;，class：＆＃34; x＆＃34;，hover：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 Parser”。

顺便说一下，你的CSS语法不正确。它是“div {border：1px;}”，而不是“div {border = 1}”

Answer 2

感谢大家的帮助。我有found a method我需要带有事件选择器的检索样式