unset
åºçº¿
广æ³å¯ç¨
èª 2016å¹´3æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
CSS å
³é®å unset å¯ä»¥åä¸ºä¸¤ç§æ
åµï¼å¦æè¿ä¸ªå±æ§æ¬æ¥æä»ç¶çº§ç»§æ¿çå¼ï¼è¿ä¸ªå±æ§é»è®¤å¯ä»¥ç»§æ¿ï¼ä¸ç¶çº§æå®ä¹ï¼ï¼åå°è¯¥å±æ§éæ°è®¾ç½®ä¸ºç»§æ¿çå¼ï¼å¦ææ²¡æç»§æ¿ç¶çº§æ ·å¼ï¼åå°è¯¥å±æ§éæ°è®¾ç½®ä¸ºåå§å¼ãæ¢å¥è¯è¯´ï¼å¨ç¬¬ä¸ç§æ
åµä¸ï¼ç»§æ¿å±æ§ï¼å®çè¡ä¸ºç±»ä¼¼äºinherit ï¼å¨ç¬¬äºç§æ
åµä¸ï¼éç»§æ¿å±æ§ï¼ç±»ä¼¼äºinitialãå®å¯ä»¥åºç¨äºä»»ä½ CSS 屿§ï¼å
æ¬ CSS ç®å屿§ all ã
示ä¾
>Color
HTML
html
<p>This text is red.</p>
<div class="foo">
<p>This text is also red.</p>
</div>
<div class="bar">
<p>This text is green (default inherited value).</p>
</div>
CSS
css
.foo {
color: blue;
}
.bar {
color: green;
}
p {
color: red;
}
.bar p {
color: unset;
}
ç»æ
Border
HTML
html
<p>This text has a red border.</p>
<div>
<p>This text has a red border.</p>
</div>
<div class="bar">
<p>This text has has a black border (initial default, not inherited).</p>
</div>
CSS
css
div {
border: 1px solid green;
}
p {
border: 1px solid red;
}
.bar p {
border-color: unset;
}
ç»æ
è§è
| è§è |
|---|
| CSS Cascading and Inheritance Level 4 > # inherit-initial > |
æµè§å¨å ¼å®¹æ§
åè§
- 使ç¨
initialå°å±æ§è®¾ç½®ä¸ºå ¶åå§å¼ã - 使ç¨
revertå°å±æ§é置为 user-agent æ ·å¼è¡¨è§å®çå¼ï¼æç¨æ·æ ·å¼ï¼å¦æåå¨ï¼ã - 使ç¨
inherit使å ç´ ç屿§ä¸å ¶ç¶å ç´ ç¸åã all屿§å è®¸ä½ ä¸æ¬¡å°ææå±æ§éç½®ä¸ºå ¶åå§ï¼ç»§æ¿ï¼æ¢å¤ææªè®¾ç½®ç¶æã