>是编辑类（class）的下级元素，教程目的是将span加红框，所以类（class）就要放在span的上级元素中。然后你结尾给的代码中， .first>p  ，类first下级元素没有<p>，所以你的代码不生效。你要想这段话有红框，直接写.first{......}就行了，或者p{......}。

class是类符号,是对<p>块元素进行定义的，而你写的.first>p是将<P>块元素作为了类符号的下级，这是错的，应该写成.first{border:1px solid red;}才行，否则语句就是错误的，无法显示整段话的红色边框。

class="first"放在p里边是把要修饰的内容p定义为first，以免后面还有一个p，那个first>p是不对的，你看一下子选择器的用法，first>span是对的，你说的那个hx应该是h1-h6吧，哪个是定义html标题的，ul定义无序列表，li定义列表项目