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提供了附加到网页的所有样式表。 使用此功能，您可以做任何您喜欢的事情。