首页 > 其他分享 >CSS :first-child 伪类

CSS :first-child 伪类

时间:2023-03-24 13:11:43浏览次数:47  
标签:第一个 伪类 元素 child CSS first

CSS :first-child 伪类

您可以使用 :first-child 伪类来选择父元素的第一个子元素。

注意:在IE8的之前版本必须声明<!DOCTYPE> ,这样 :first-child 才能生效。

匹配第一个 <p> 元素

在下面的例子中,选择器匹配作为任何元素的第一个子元素的 <p> 元素:

实例

p:first-child { color:blue; } https://www.lekaowang.com/jkgls/vbg/

翻译

搜索

复制

标签:第一个,伪类,元素,child,CSS,first
From: https://www.cnblogs.com/5-si6/p/17251232.html

相关文章

  • 伪类和CSS类
    伪类和CSS类伪类可以与CSS类配合使用:a.red:visited{color:#FF0000;}<aclass="red"href="css-syntax.html">CSS语法</a>如果在上面的例子的链接已被访问,它会......
  • CSS - :lang 伪类
    CSS-:lang伪类:lang伪类使你有能力为不同的语言定义特殊的规则注意:IE8必须声明<!DOCTYPE>才能支持;lang伪类。在下面的例子中,:lang类为属性值为no的q元素定义引......
  • CSS 伪元素
    CSS 伪元素CSS伪元素是用来添加一些选择器的特殊效果。语法伪元素的语法:selector:pseudo-element{property:value;}CSS类也可以使用伪元素:selector.class:pseud......
  • css基础 CSS 导航栏、CSS 下拉菜单
    阅读目录导航栏导航栏=链接列表垂直导航栏垂直导航条实例激活/当前导航条实例创建链接并添加边框全屏高度的固定导航条水平导航栏内联列表项浮动列表项水平导航条实例链接右......
  • css基础 CSS 图片廊、CSS 图像透明/不透明、CSS 图像拼合技术
    阅读目录CSS图片廊公共的HTML布局CSS创建图片廊响应式图片廊CSS图像透明/不透明创建一个透明图像图像的透明度–悬停效果透明的盒子中的文字CSS图像拼合技术图像拼合......
  • css基础 CSS 组合选择符、CSS 伪类、CSS 伪元素
    阅读目录CSS组合选择符后代选择器子元素选择器相邻兄弟选择器后续兄弟选择器CSS伪类(Pseudo-classes)伪类和CSS类CSS:first-child伪类匹配第一个``元素匹配所有......
  • css基础 CSS 布局 – Overflow、Float 浮动、CSS 布局 – 水平 垂直居中对齐
    阅读目录CSS布局–Overflowoverflow:visibleoverflow:hiddenoverflow:scrolloverflow:autoverflow-x和overflow-y所有CSSOverflow属性CSSFloat浮动float属性......
  • CSS3实现的线条波浪动画效果
    阅读目录阐述HTML结构CSS样式预览阐述这是一款使用CSS3animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的CSS......
  • CSS实现的大型导航下拉菜单
    阅读目录阐述HTML结构CSS预览阐述这是一款纯CSS实现的大型导航下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分......
  • 纯CSS和HTML打造树结构
    阅读目录源码HTML源码请到资源下载源码。HTML我们以某个公司的部门组织结构为例,其实就是一个无限级分类,我们首先定义好HTML结构,它有ulli组成,代码应该像这样:<!DOCTYPEhtml>......