css flex-direction属性怎么用

2024-01-18 10:24 小编
 CSS3:first-child选择器怎么用?
 
  :first-child选择器匹配其父元素中的第一个子元素。
 
  语法:
 
  元素:first-child
 
  {
 
  css样式
 
  }
 
  例:匹配<p>的父元素的第一个<p>元素
 
  p:first-child
 
  {
 
  background-color:yellow;
 
  }
 
  注释:所有主流浏览器都支持:first-child选择器。对于IE8及更早版本的浏览器中的:first-child,必须声明<!DOCTYPE>。
 
  CSS:first-child选择器的使用示例
 
  示例1:选择每个<p>中的每个<i>元素并设置其样式,其中的<p>元素是其父元素的第一个子元素:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <style>
 
  p:first-childi
 
  {
 
  background:yellow;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <p>Iama<i>strong</i>man.Iama<i>strong</i>man.</p>
 
  <p>Iama<i>strong</i>man.Iama<i>strong</i>man.</p>
 
  </body>
 
  </html>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码