小男生2502863203 发布于 2017-04-23 23:40
       

  • 123123123123123123123
    • 1231231231231231

就像这个例子,我给他设置样式如下两种方式,结果都一样
.p3 ul li{
                background-color: red;
            }
            
.p3 ul>li{
                background-color: red;
            }
1 个回答
  • 這邊有個誤區,你的選擇器 p3 ul 代表選擇 .p3 底下所有 ul 後代,自然連裡面第二層都被選取,還有設置背景顏色也會造成誤解,因為你設置了父元素的背景顏色,子元素沒做另外設定的話,看起來會像是都被設置了背景,因為子元素的背景顏色是透明的,你應該是要這樣寫

    
    .p3 > ul li {
        border: 1px solid #000;
    }
    
    
    .p3 > ul > li {
        border: 1px solid #000;
    }

    比較看得出來差別

    2017-04-26 11:57 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
活跃用户
  • 1
    问道摩托
  • 2
    袁广龙976丶
  • 3
    逍遥子
  • 4
    亮仔
  • 5
    芙蓉花
  • 6
    作小die_syj
  • 7
    王丽珠景平怡伦_621
  • 8
    CH_Double_C
  • 9
    adfa3sd5f6a
  • 10
    欣欣大妮
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有