Question

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <style type="text/css">
            body * {display:block;color:blue;}
        </style>
    </body>
</html>

我的代码在上面，我真的需要css中的body，但在chrome中它看起来像这样：

我的代码出了什么问题？如果我改变body * {display:block;color:blue;} 到body input {display:block;color:blue;}每件事都没问题

----------------------------------------------- ---------------------------------

我使用Java进行web开发，我的模板引擎为freemaker 我像这样定义macro：

<#macro Page >
    <!DOCTYPE html>
    <html>
    <head>  
        <meta ...>
        <link ...>
        <tile ...>
        <script ..>
    </head>
    <body>
        <#nested>
    </body>
    </html>
</#macro>

所以当我创建一个页面时，我可以使用

<@Page>
    <style>...</style><div...>    <--- this will put in to html body
</@Page>

为什么我必须将css放入body

Answer 1

＆＃39;风格＆＃39;标签需要放在＆＃39; head＆＃39;面积：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            body * {display:block;color:blue;}
        </style>
    </head>
    <body>
    </body>
</html>

也许这篇Using <style> tags in the <body> with other HTML帖子可以帮助您。

Answer 2

我觉得java不懂'*'，试试用这个：

body h1, body h2, body h3, body h4, body h5, body h6, body div, body span, body p, .... etc... {
  display:block;color:blue;
}

Answer 3

JSONObject jsonObject=new JSONObject(jsonStr);会使{"prodCat_list":[{"prods": [{"sku":"wwww345","position":"1","cat_id":"9"},{"sku":"coof23","position":"2","cat_id":"9"},{"sku":"dde45","position":"3","cat_id":"9"},{"sku":"5555","position":"4","cat_id":"9"}]},{"prods":[{"sku":"wwww345","position":"1","cat_id":"9"},{"sku":"coof23","position":"2","cat_id":"9"},{"sku":"dde45","position":"3","cat_id":"9"},{"sku":"5555","position":"4","cat_id":"9"}]},null]}中的每一个都显示在body * {display:block;color:blue;}中，body位于block，所以就像<style>

一样

** CSS代码显示在浏览器中

----------------------------------------------- ---------------------------------

3 个答案: