JSFiddle - React, Tailwind, and code Playground

by 亮 薛

HTML

<!-- jsfiddle 是一个在线编写html，js，css的网站 -->
<!-- 为了方便，这里不需要写html，body，head等，查看效果的时候会自动输出的 -->
<div></div><!-- 这是html的注释，第 1 个div -->
<div style="height: 50px; width: 50px; background-color:red;"></div><!-- 这是html的注释，第 2 个div -->
<div></div><!-- 这是html的注释，第 3 个div -->
<div></div><!-- 这是html的注释，第 4 个div -->
<!-- 这是html的注释 -->
<style>
	/* 这是css的注释，给第 4 个div标签设置样式 */
div:nth-child(4)  {
  height: 50px;
  width: 50px;
  background-color: blue;
}
</style>

CSS

/* 这是css的注释，给第 1 个div标签设置样式 */
div:first-child  {
  height: 50px;
  width: 50px;
  background-color: green;
}

/* 这是css的注释，给第 3 个div标签设置样式 */
div:nth-child(3)  {
  height: 50px;
  width: 50px;
  background-color: yellow;
}