inherit
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
inherit å
³é®å使å¾å
ç´ è·åå
¶ç¶å
ç´ ç计ç®å¼ãå®å¯ä»¥åºç¨äºä»»ä½ CSS 屿§ï¼å
æ¬ CSS ç®å allã
对äºç»§æ¿å±æ§ï¼è¯¥å ³é®ååªæ¯å¢å¼ºäºå±æ§çé»è®¤è¡ä¸ºï¼é常åªå¨è¦çåæçå¼çæ¶å使ç¨ã
夿³¨ï¼ç»§æ¿å§ç»æ¥èªææ¡£æ ä¸çç¶å ç´ ï¼å³ä½¿ç¶å ç´ ä¸æ¯å å«åºåã
示ä¾
>ä»è§å䏿餿éå ç´
css
/* 设置äºçº§æ é¢çé¢è²ä¸ºç»¿è² */
h2 {
color: green;
}
/* ä¿ç sidebar å
äºçº§æ é¢å
ç´ çæ ·å¼ï¼ä½¿å
¶ç»§æ¿ç¶å
ç´ çé¢è² */
#sidebar h2 {
color: inherit;
}
å¨è¿ä¸ªä¾åä¸ï¼sidebar ä¸ç h2 å
ç´ å¯è½æä¸åçé¢è²ã妿æä¸ª h2 å
ç´ ç div å¹é
ä¸é¢çè§åï¼
css
div#current {
color: blue;
}
é£å®çé¢è²ä¼åæèè²ã
è§è
| è§è |
|---|
| CSS Cascading and Inheritance Level 4 > # inherit > |
æµè§å¨å ¼å®¹æ§
åè§
- ç»§æ¿
- 使ç¨
initialå°å±æ§è®¾ç½®ä¸ºå ¶åå§å¼ã - 使ç¨
revertå°å±æ§éç½®ä¸ºç¨æ·ä»£çæ ·å¼è¡¨æå®çå¼ï¼æç¨æ·æ ·å¼ï¼å¦æåå¨ï¼ã - 使ç¨
revert-layerå°å±æ§é置为ä¹åå±å å±ä¸è®¾å®çå¼ã - 使ç¨
unsetå°å±æ§è®¾ç½®ä¸ºï¼è¥å¯ç»§æ¿å使ç¨ç»§æ¿å¼ï¼å¦å使ç¨åå§å¼ã all屿§å è®¸ä½ ä¸æ¬¡å°ææå±æ§éç½®ä¸ºå ¶åå§ãç»§æ¿ãæ¢å¤ææªè®¾ç½®ç¶æã