HeloFzy 2022-03-26 21:07 采纳率: 62.5%
浏览 86
已结题

为什么DW设置了class的div样式却显示不出来?

问题遇到的现象和发生背景

DW中设置了class的div样式可是无法执行显示出来

问题相关代码,请勿粘贴截图

如图

img

运行结果及报错内容

运行结果字背景没变红,IT字体不加粗

我的解答思路和尝试过的方法

尝试查看标点符号的错误没能找出来

我想要达到的结果

文字背景红色,IT字体加粗
以下为代码,包含html和css,重点是CSS后面两块执行不出来

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div id="header">
        <div class="header">
            <div class="header_left">
            <span>IT</span>-精品学习网
            </div>
            <div class="header_right"></div>
        </div>
    </div>
</body>
</html>
```css
#header{
    width: 100%;
    height: 40px;
    /*background: red;*/
}

.header{
    width:620px;
    height: 40px;
    /*background: green;*/
    border: 1px solid red;
}

.header_left{
    width:200px;
    height:40px;
    background: aqua;
    float: left;
}

.header_right{
    width:200px;
    height:40px;
    background: pink;
    float: right;
}
/*设置头部字体内容样式*/
.header_left>div{
    float: left;
    background: red;
    line-height: 40px;
}
.header_left>div>span{
    font-weight: bold;
}


```

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-03-26 21:47
    关注

    header_left下面只有span,所以不用>div

    /*设置头部字体内容样式*/
    .header_left{
        float: left;
        background: red;
        line-height: 40px;
    }
    .header_left span{
        font-weight: bold;
    }
     
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月4日
  • 已采纳回答 3月27日
  • 创建了问题 3月26日

悬赏问题

  • ¥15 SQLServer怎么录入下标
  • ¥100 无网格伽辽金方法研究裂纹扩展的程序
  • ¥15 如何用数码管显示学号(相关搜索:单片机)
  • ¥15 错误于library(org.Hs.eg.db): 不存在叫‘org.Hs.eg.db’这个名称的程序包,如何解决?
  • ¥60 求一个图片处理程序,要求将图像大小跟现实生活中的大小按比例联系起来的
  • ¥50 求一位精通京东相关开发的专家
  • ¥100 求懂行的大ge给小di解答下!
  • ¥15 pcl运行在qt msvc2019环境运行效率低于visual studio 2019
  • ¥15 MAUI,Zxing扫码,华为手机没反应。可提高悬赏
  • ¥15 python运行报错 ModuleNotFoundError: No module named 'torch'