CSS选择器演示，HTML/Vue代码在线实时编辑、预览

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3
4
5
6
7
8
9
10

            
            <header>
  <nav>
    <div class="logo">选不中我</div>
    <div class="menu-item">项目 1</div>
    <div class="menu-item">项目 2</div>
  </nav>
  <div class="menu-item">选不中我</div>
  <div class="logo">Logo</div>
</header>
<main><div class="logo">选不中我</div></main>

</body>

CSS

格式化

            
                1
2
3
4
5
6
7

            
            nav .menu-item {
  padding: 10px;
}

header > .logo {
  background-color: yellow;
}

格式化

            
                1
2

            
            // 示例代码
console.log(["Hello 笔.COOL 控制台"])

预览

控制台

清空