ethantw / Han

「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.
https://hanzi.pro/
MIT License
2.42k stars 135 forks source link

自定義 css 的 ruby rt 字體顏色經 javascript 眩染後顏色回到預設值 #99

Closed terrylinooo closed 7 years ago

terrylinooo commented 7 years ago

謝謝您開放這麼棒的 library 我用在我開發的公益網站字典百科 ,目前我載入函式庫之後只眩染特定的 class name 用來把字詞音節化標上漢語拼音及注音,目前還在本機測試還沒更新,所以我貼圖說明我的狀況

我用類似這樣的 css 來定義各別顏色,希望給讀者們更好閱讀

.ruby-container rtc rt:nth-child(1) { color: #00a0e9 !important; }
.ruby-container rtc rt:nth-child(2) { color: #eb6877 !important; }
.ruby-container rtc rt:nth-child(3) { color: #f19149 !important; }

1

經 js 眩染後

2

查原始 javascript 中並無針對顏色的處理.. 我覺得一頭霧水,不知道是否有個意見讓我解決

terrylinooo commented 7 years ago
h-ru:nth-child(1) rt { color: #00a0e9 !important; }
h-ru:nth-child(2) rt { color: #eb6877 !important; }
h-ru:nth-child(3) rt { color: #f19149 !important; }

不好意思, 觀察render 後的 dom tree 找到解決方法了.. 自問自答