=====================================================================
<?xml-stylesheet ?>
=====================================================================
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/ownerNode
handle <?xml-stylesheet ?>
---------------------------------------------------------------------
StyleSheet.ownerNode
The ownerNode property of the StyleSheet interface returns the node that associates this style sheet with the document.

This is usually an HTML <link> or <style> element, but can also return a processing instruction node in the case of <?xml-stylesheet ?>.

=====================================================================
Bootstrap の glyphicon が文字化けする
=====================================================================
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

=====================================================================
document.querySelectorAll("link[rel='stylesheet'],style");
を使用せよ！
=====================================================================
document.styleSheetsでも、StyleSheetのリストは得られるが、
<link.....media="print">などは自動的にリストに入らない。

<link.....media="print">ようなStyleSheetは、パックをスキップするのだが、
その存在だけは気がついていなければならない。

以下のような状況では、
---------------------------------
<link 1>
<link 2>
<link 3>
<link.....media="print">
<link 4>
<link 5>
<link 6>
---------------------------------
次のようにパックする。
---------------------------------
<style for 1,2,3>
<link.....media="print">
<style for 4,5,6>
---------------------------------
これを行うには、<link.....media="print">が途中にあるということに気がついて
いなければいけない。
=====================================================================