在 Firefox 中，由于某種我不明白的原因，連字符對普通文本和超鏈接都有效。
而我希望因為我有:not(a)偽類，所以選擇器不應該影響a元素，也就是說，超鏈接不應該是連字符的。
換句話說，我希望瀏覽器應該理解div :not(a)為“div 中的任何元素，除非這樣的元素是a元素”。但它似乎并沒有像我預期的那樣作業......
另外，一個側面問題。
如果第一個字母是大寫的，為什么 Chrome/Edge 和 Firefox 都不用連字符來表示incomprehensibility這個詞？
我的代碼：
body {
outline: 1px solid red;
width: 5em;
}
div :not(a) {
hyphens: auto;
}
a {
overflow-wrap: break-word;
word-break: break-word;
}<div>
<p lang="en-US">
incomprehensibility incomprehensibility incomprehensibility
<a href="https://incomprehensibility.inc/">https://incomprehensibility.inc/</a>
incomprehensibility
</p>
</div>uj5u.com熱心網友回復：
hyphens只需禁用a
body {
outline: 1px solid red;
width: 5em;
}
div {
hyphens: auto;
}
a {
hyphens: initial; /* this */
overflow-wrap: break-word;
word-break: break-word;
}<div>
<p lang="en-US">
incomprehensibility incomprehensibility incomprehensibility
<a href="https://incomprehensibility.inc/">https://incomprehensibility.inc/</a>
incomprehensibility
</p>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/468653.html
上一篇：背景顏色的水平和垂直漸變
下一篇：CSS影片恢復默認