常用的一些子元素过滤选择器有“:first-child”、“:last-child”、“:only-child”、“:nth-child(n)”、“:nth-last-child(n)”、“:first-of-type”、“:last-of-type”、“:only-of-type”、“:nth-of-type(n)”和“:nth-last-of-type(n)”十种。
本教程操作系统:Windows10系统、Dell G3电脑。
在CSS中,可以使用子元素过滤选择器来选择一个元素的子元素,同时对其进行过滤。以下是常用的一些子元素过滤选择器:
:first-child:选择指定元素的第一个子元素。
:last-child:选择指定元素的最后一个子元素。
:only-child:选择指定元素唯一的子元素。
:nth-child(n):选择指定元素的第 n 个子元素。其中n可以是数字、表达式或关键字,例如:nth-child(2n)表示选择偶数位置的子元素,:nth-child(odd)表示选择奇数位置的子元素。
:nth-last-child(n):与上面的:nth-child()类似,但是从后往前选择。
:first-of-type:选择指定元素类型的第一个子元素。
:last-of-type:选择指定元素类型的最后一个子元素。
:only-of-type:选择指定元素类型唯一的子元素。
:nth-of-type(n):选择指定元素类型的第 n 个子元素。
:nth-last-of-type(n):与上面的:nth-of-type()类似,但是从后往前选择。
这些子元素过滤选择器可以单独使用,也可以组合使用来更精确地选择需要的子元素。
以上是子元素过滤选择器有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}
if($res){
return json_encode(array('code'=>1,'msg'=>'成功'));
}else{
return json_encode(array('code'=>0,'msg'=>'失败'));
}
}
public function
}