css伪类,p > i:first-child和p:first-child i的区别在哪儿啊，不理解啊？？

html-css011

css伪类,p > i:first-child和p:first-child i的区别在哪儿啊，不理解啊？？,第1张

p >i:first-child {...}

<p>标签儿子的第一个<i>标签。

——————

p:first-child i {...}

第一个<p>标签里的所有 <i>标签。

i标签是定义在浏览器中显示略大的斜体，像下图这种字体，是html标签，不属于css

若果要去掉斜体。可以在css中单独定义

i{font-style:normal}

1、<span>标签：

定义：<span>标签被用来组合文档中的行内元素。

提示：请使用 <span>来组合行内元素，以便通过样式来格式化它们。

注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

例子：

<span>这是span</span>的一个示例。

2、<i>标签：

定义：<i>标签显示斜体文本效果。

提示：<i>标签和基于内容的样式标签 <em>类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。

注释：<i>标签一定要和结束标签 </i>结合起来使用。

例子：

<i>这是斜体字</i>

3、<p>标签：

定义：<p>标签定义段落。

注释：p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

例子：

<p>这是一个段落</p>