看看這個(gè)簡單的例子：<a href="#"> A <span>red</span> anchor </a>a { color:blue; font-family:Times New Roman; text-decoration:underline; }span { color:red; font-family:Arial; text-decoration:none; }現(xiàn)場演示： http ： //jsfiddle.net/5t9sV/正如你在上的jsfiddle的演示中看到，SPAN元素覆蓋color和font-family它的祖先定位元素的屬性值。但是，由于text-decoration某種原因，該物業(yè)不會(huì)被覆蓋。我假設(shè)一些CSS屬性可以被祖先元素覆蓋，而其他一些CSS屬性則不能。是這樣嗎？如果是，我怎么知道哪些可以被覆蓋？
2 回答
胡說叔叔
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊
從text-decoration規(guī)格：
后代元素的'text-decoration'屬性不會(huì)對(duì)祖先的裝飾產(chǎn)生任何影響。
鏈接問題中的答案進(jìn)一步引用（我不再在規(guī)范中找到此文本）：
內(nèi)聯(lián)框中的文本裝飾在整個(gè)元素上繪制，遍歷任何后代元素，而不關(guān)注它們的存在。
另一個(gè)引用，CSS3似乎介紹text-decoration-skip，旨在通過在后代（在您的情況下<span>）應(yīng)用屬性來解決這個(gè)問題：
此屬性指定元素內(nèi)容的哪些部分必須跳過影響元素的任何文本修飾。它控制元素繪制的所有文本裝飾線以及其祖先繪制的任何文本裝飾線。
蕭十郎
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
這是我的答案：
設(shè)置文本修飾值時(shí)，文本修飾會(huì)更改。問題是，由于父元素（錨點(diǎn)）圍繞跨度，看起來跨度有下劃線。
如果將span的text-decoration設(shè)置為true，則會(huì)顯而易見，因?yàn)樗沟孟聞澗€為藍(lán)色，即JUST的跨度。
添加回答
舉報(bào)
0/150
提交
取消