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

为什么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 nginx中的CORS策略应该如何配置
  • ¥30 信号与系统实验:采样定理分析
  • ¥100 我想找人帮我写Python 的股票分析代码,有意请加mathtao
  • ¥20 Vite 打包的 Vue3 组件库,图标无法显示
  • ¥15 php 同步电商平台多个店铺增量订单和订单状态
  • ¥15 关于logstash转发日志时发生的部分内容丢失问题
  • ¥17 pro*C预编译“闪回查询”报错SCN不能识别
  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题