質問: 次のリンクからhtml5版プレイヤーに移動した後の、設定ボタンの色を変えようとしています。 cssで言うとここです →`` そこで、stylishにて ``` .ActionButton svg{ fill: #f90 !important; } ``` としたのですが変更されません。 インスペクターからもともとのcssのfillを無効化するとうまくいくことから優先順位の問題だと思うのですが、自分のコードをこれ(`!important`)以上に優先させることは出来ないのでしょうか?
回答: HTMLのXML namespaceが`http://www.w3.org/1999/xhtml`なのに対し、SVGのXML namespaceは`http://www.w3.org/2000/svg`です。またCSS SelectorにおいてXML namespaceを指定するには`|`を使います。 ``` @namespace url(http://www.w3.org/1999/xhtml); @namespace nssvg url(http://www.w3.org/2000/svg); @-moz-document domain("www.nicovideo.jp") { .ActionButton nssvg|svg { fill: #f90 !important; } } ```