如题所述
divæ¯å级å
ç´ ï¼å®ä¸è®ºå¤§å°é»è®¤å ä¸è¡ï¼èä¸å¯ä»¥è®¾ç½®å®½é«ä»¥åå¤è¾¹è·
spanæ¯è¡å å ç´ ï¼å®å å®èªèº«å¤§å°çä½ç½®ï¼èä¸ä¸è½è®¾ç½®å®½é«ä»¥åè¾¹è·
åæ¶divä¹å¯ä»¥å为span (display:inline),è¿æ ·divå°å为è¡å å ç´
spanä¹å¯ä»¥å为div(display:block),è¿æ ·spanå°å为å级å ç´ ï¼é»è®¤å ä¸è¡ï¼èä¸å¯ä»¥è®¾ç½®å®½é«
åæ¶ï¼ä¸¤è è¦æ³å®ç°æ¢å¯ä»¥è®¾ç½®å®½é«ï¼è¾¹è·ï¼åå¯ä»¥ä¸å ä¸è¡ï¼ådisplay:inline-block
spanæ¯è¡å å ç´ ï¼å®å å®èªèº«å¤§å°çä½ç½®ï¼èä¸ä¸è½è®¾ç½®å®½é«ä»¥åè¾¹è·
åæ¶divä¹å¯ä»¥å为span (display:inline),è¿æ ·divå°å为è¡å å ç´
spanä¹å¯ä»¥å为div(display:block),è¿æ ·spanå°å为å级å ç´ ï¼é»è®¤å ä¸è¡ï¼èä¸å¯ä»¥è®¾ç½®å®½é«
åæ¶ï¼ä¸¤è è¦æ³å®ç°æ¢å¯ä»¥è®¾ç½®å®½é«ï¼è¾¹è·ï¼åå¯ä»¥ä¸å ä¸è¡ï¼ådisplay:inline-block
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2018-03-02
div >span是子选择,div span是后代选择,具体不同你可百度css子选择器。
说一下不一样的地方,代码结构如下:
<div><span>1</span>
<div>
<h1><span>2</span></h1>
</div>
</div>
div >span只会选择1的那个span,div span则会选择所有span
本回答被提问者和网友采纳