jQuery - 在样式表中获取CSS选择器

Question

我想让元素的选择器与样式表中的元素完全相同。

例如，我有一个样式表，其中包含input字段的样式，如下所示：

#parent .children input {
    property: value;
}

input {
   property: value;
}

.input_field {
   property: value;
}

和html如下例所示：

<div id="parent">
  <div class="children">
      <input class="input_field" type="text" name="input_field" value=""/>
  </div>
</div>

单击input字段时，我想使用jquery从样式表中获取其所有选择器：

$("input").on("click", function(){
    // get my selectors from stylesheet
});

怎么做？

Answer 1

虽然我甚至不知道为什么你需要这个，但不要挂在那里。

您需要非常简单的document对象来执行任务。

基本上，document.styleSheets为您提供了附加到网页的所有样式表。 使用它，你可以做任何你喜欢的事。