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 дает вам все таблицы стилей, прикрепленные к веб-странице. Используя это, вы можете делать все, что захотите.