查找應(yīng)用于元素的所有css規(guī)許多工具/API提供了選擇特定類或ID元素的方法。還可以檢查瀏覽器加載的原始樣式表。但是,對(duì)于瀏覽器呈現(xiàn)元素,它們將編譯所有CSS規(guī)則(可能來(lái)自不同的樣式表文件)并將其應(yīng)用于元素。這就是Firebug或WebKit檢查器所看到的-元素的完整CSS繼承樹(shù)。如何在不需要額外的瀏覽器插件的情況下以純JavaScript復(fù)制此特性?也許一個(gè)例子可以為我尋找的東西提供一些澄清:<style type="text/css">
p { color :red; }
#description { font-size: 20px; }</style><p id="description">Lorem ipsum</p>這里,p#Description元素有兩個(gè)應(yīng)用的CSS規(guī)則:紅色和字體大小為20 px。我希望找到這些計(jì)算CSS規(guī)則的來(lái)源(顏色來(lái)自p規(guī)則等等)。
查找應(yīng)用于元素的所有css規(guī)則。
三國(guó)紛爭(zhēng)
2019-07-15 15:36:47