我们可以通过CSS来实现这样的效果,CSS 给我们提供了几个样式参数:first-child、last-child、nth-child(n)。 下面介绍它们的使用方法: first-childfirst-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: 代码语言:javascript 复制 li:first-child{color:red;} last-childlast-child:选择列表...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个; span:first-child匹配不到任何元素,因为在这里两个spa...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个; span:first-child匹配不到任何元素,因为在这里两个spa...
:first-child选择器匹配其父元素中的第一个子元素。 语法: 元素:first-child { css样式 } 例:匹配的父元素的第一个元素 p:first-child { background-color:yellow; } 注释:所有主流浏览器都支持:first-child选择器。对于IE8及更早版本的浏览器中的:first-child,必须声明<!DOCTYPE>。 CSS:first-child选择器...
p:first-child{background-color:yellow;} 尝试一下 » 定义和用法 :first-child 选择器匹配其父元素中的第一个子元素。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择器 :first-child4.07.03.03.19.6 注意::first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE> ...
:first-childセレクターを使用して以前に設定したルールをオーバーライドする特定のルールを設定できます。この手法により、最初の子を除くすべての子のスタイルを設定できます。:first-childセレクターを使用してスタイルをオーバーライドすると、最初の子が他の子とは異なって表示されます。
CSS :first-child 选择器完整CSS选择器参考手册实例 匹配 的父元素的第一个元素 p:first-child { background-color:yellow; } 尝试一下 » 定义和用法:first-child 选择器匹配其父元素中的第一个子元素。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :first-child 4.0 7.0 3.0 3.1 ...
:first-child 单独使用这个选择器不带任何前缀,选择的是作为 “某个元素” 的 “第一个子元素” 的元素 ,某个元素是文档里的任意元素(即所有元素),第一个子元素可以是任意的元素,要想明白这个子元素,很好的一个方式是使用jquery,在浏览器控制台使用 $(":last-child") 查看选择出来的元素就可以一目了然。
:first-child:选取在一组兄弟元素中的第一个元素。 :first-of-type:选取在一组兄弟元素中的第一个指定元素。 解释一下:比如p:first-child{},选择的就是p元素的兄弟元素的第一个元素,且这个元素必须是p元素才被选择;div:first-of-type就是选择div的兄弟元素中的第一个div元素。
What is the :first-child selector? The:first-child selectoris a pseudo-class in CSS that allows you to target the first child element within a parent container. It selects elements that are the first immediate child of their parent. This powerful selector makes it easier to apply unique ...