爲什麼`* {display：block;保證金：0汽車; }在CSS中顯示所有的CSS代碼在網絡上？

<html> <meta charset="UTF-8"> <head> <style> *{ display:block; margin:0 auto; } body{ width:900px; height:50px; border:solid 4px green; } #d2{ width:100%; height:auto; } #d21,#d22,#d23{ width:33%; float:left; border:1px solid red; } select,input{ width:150px; height:auto; } </style> </head> <body> <div id="d2"> <div id="d21"> <select id="id_select" name="s1"> <option>==> please select <==</option> </select> </div> <div id="d22"> <input type="button" value="start" onclick="start()"> </div> <div id="d23"> <input type="button" value="stop" onclick="stop()"> </div> </div> </body> </html>

該* CSS選擇器選擇所有元素。這意味着它包含<style>元素以及<head>元素，style元素就是其中的一個元素。瀏覽器默認隱藏了這兩個選項。

通過添加display: block，你將覆蓋默認display: none所有元素，如在Chrome開發者工具截圖：

Chrome Developer Tools Screenshot

這樣做的直接相當於將它添加到您的CSS：

head, style { 
    display: block; 
}

解決方法

爲了迫使所有元素噸Ø顯示模塊，並居中，你可能要選擇只是生活的<body>標籤，像這樣的裏面的那些：

body * { 
    display: block; 
    margin: 0 auto; 
}

來源

2016-10-18 21:00:33

*選擇不接受display:block。除了<a> <small> <img>以及更多.....之外，html中的每個元素都是塊元素。所以不需要添加display:block到*元素。刪除display:block並檢查結果。
*選擇器也可以選擇其他元素內的所有元素，但<a> <small> <span>是元素。所以CSS語法成爲一個錯誤。

來源

2016-10-15 05:42:47

但,可以在他們的css代碼中接受'display：block'。 –

是的，它會接受，爲什麼你需要添加'display：block'到'*'元素。這沒有必要。 :) –

爲什麼在'*'元素上添加'display：block'時CSS代碼完全顯示？ –

<style>...</style>也是HTML元素。因此，通過在CSS中使用*選擇器，您還可以選擇<style>元素並應用適當的樣式。 <style>的默認樣式爲display:none，所以通過應用display:block您實際上使其可見。

來源

2016-10-18 20:42:16

對不起，在我發佈之前沒有看到這個答案。這是這種行爲的原因。查看我的答案，找出解決方法。 –

爲什麼`* {display：block;保證金：0汽車; }在CSS中顯示所有的CSS代碼在網絡上？

回答

相關問題