first-child，关于伪类

最新推荐文章于 2023-08-11 16:42:50 发布
最新推荐文章于 2023-08-11 16:42:50 发布
阅读量1.1k 收藏
点赞数
分类专栏： Web 2.0 文章标签： 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aifox/article/details/535097
版权

先说说今天晚上作了些什么
中文的主页我已经挂到网上去了
今天测试的那个alvar.chinese.cn.com的中文域名好像不能够用了
真是气死我了
免费的东西服务果然不好啊！！！

在做的时候，发现了一个伪类
li:first-child{}
这样在456berea street中
他实现了三个菜单有两个竖隔线的效果
我稍微的试验了一下
没有成功，后来因为忙着把主页赶出来
也就没有再做，明天要个这个试验出来

伪类的这几个很有用
一个first-child可以设置导航的隔线
一个first-letter实现首字大些简直是易如反掌
一个first-line也可让第一行凸现出来

这个在排版中一定可以发挥大作用 ^_^

aifox
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
first-child
易天海
12-06 253
$("#quitLoss>a:first-child").addClass('curr'); $('#numbe').focus(); $('#numbe').blur();  
关于css中的伪类first-child的一些相关知识点
若雨微霜的博客
08-17 1620
关于css中的伪类first-child的一些相关知识点问题：之前在公司的一个后台PHP项目中碰到了一个问题，大致的意思我用自己相对简洁的代码代替，大致的意思就是有多个以requre为类的div，与我用div.requre label:first-child::before 想对requre下面的第一个label前面添加before伪类，但是这样做的结果是第二个以requre为类的div当中原本只需
CSS :first-child 伪类
慕容绝艳的博客
08-11 501
http://www.w3school.com.cn/css/pr_pseudo_first-child.asp 定义和用法 :first-child 伪类向元素的第一个子元素添加样式。 说明 利用 :first-child 这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。例如，p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素
first-child（转自：http://www.aa25.cn/css2/pseudo_class_first-c677.shtml）
guoyiqi
08-25 199
定义 :first-child伪类向属于其他元素的第一个子元素的一个元素添加特殊样式.。 说明 利用 :first-child 这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。例如，p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。一般可能认为这会选择作为段落第一个子元素的元素，但事实上并非如此，如果要选择段落的第一个子元素，应当写...
html css 选择父亲,css选中父元素下的第一个子元素(:first-child)
weixin_39576104的博客
06-03 3683
前言最近在项目中用到 :first-child 很容易的就想到了，嗯嗯。这不就是选择第一个元素吗？好像很好用，平时使用中也没有遇到什么问题，理所当然的就以为它只会选中父元素下的第一个元素，对孙元素和曾孙元素没有影响。事实证明，我的理所当然是错的。E:first-child的第一个误区(只会选中我规定的区域中的一个，不会遍历其下有多少个孙或曾孙元素)body p:first-child{backgr...
css选中父元素下的第一个子元素(:first-child)
11-19
在CSS（层叠样式表）中，`:first-child`伪类选择器是一个非常有用的工具，它允许我们选择并应用样式给父元素下的第一个子元素。然而，在实际使用中，可能会出现一些误解，导致预期效果与实际效果有所偏差。本文将...
CSS first-chjld伪类属性匹配一个序列的第一个元素
09-25
`:first-child` 是CSS中的一个伪类选择器，它用于选取文档中某个父元素的第一个子元素。这个选择器在设计网页样式时非常有用，特别是当你希望对一系列元素的首项进行特殊处理时，例如添加边框、改变颜色或设置特定的...
jQuery 关于伪类选择符的使用说明
10-27
本文将详细讨论jQuery中的伪类选择符，特别是`:nth-child`的用法。 `:nth-child`伪类选择符是CSS3引入的一个功能，它允许我们选取父元素的特定子元素。在jQuery中，`:nth-child()`接受一个参数，用于指定选择第几个...
jQuery+css last-child实现选择最后一个子元素操作示例
10-17
本示例将详细介绍如何利用jQuery结合CSS的`:last-child`伪类选择器来选取并操作页面上的最后一个子元素。`:last-child`伪类在CSS中用于选取其父元素的所有子元素中的最后一个子元素。 首先，让我们理解一下标题和...
css伪类选择器之:first-child和:first-of-type
阿信随笔的博客
05-24 1225
前不久使用伪类选择器的时候，发现有两组用法极为相似的，一组是:first-child、:last-child、:nth-child(n)，另一组是:first-of-type、:last-of-type、:nth-of-type(n)。谈一谈在使用中的“诡异”，以及两组伪类选择器的区别。 一、first-child“时灵时不灵” 以前对伪类选择器还不是很熟悉的时候，有时候会发现:first-c
CSS :first-child选择器
lengqingIT的博客
03-20 759
HTML 用法 <body> <p>:first-child 选择器匹配其父元素中的第一个子元素</p> <h1>匹配 p 的父元素的第一个 p 元素</h1> <p>www.semi-warm.com</p> <div> <p>www.semi-warm.com</p...
一分钟理解:first-child :first-of-type,看完还不会 打我
最新发布
qq_34297738的博客
08-11 2325
css伪类:first-child :first-of-type，一分钟理解:first-child :first-of-type,看完还不会 打我
有关 :first-child的理解
热门推荐
师兄阿离的博客
10-29 2万+
最近在做项目，突然发现一个选择器非常特别，所以特意去了解了一下，下面把我自己所理解的意思写下来。 在W3School里面讲   ：first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 我刚一看这个我也是看的迷迷糊糊，这讲的是什么意思，我把他理解成是他的第一个元素。然后就傻傻的的去测试，也不知道自己弄什么。然后出现了一些错误，下面我就一一例举有关：first-child的内...
css中选取子元素
生存不忘生活
08-08 5724
1、first-child first-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签，代码如下： li:last-child{background:#090} 3、nth-ch
CSS nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type选择器使用
zzz19的博客
09-07 645
以下示例主要讲解nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type使用。 示例代码： <!DOCTYPE h...
first-child和last-child的一点理解
keanuhrb的博客
05-20 8376
在看CSS时，看到first-child和last-child，看了点资料，谈谈自己的感想。 first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 last-child选择器用于选取属于其父元素的最后一个子元素的指定选择器。 我们来看两个简单的例子： a: first-child {color：yellow;} p: last-child {background: pink;} 从这两个例子我们可以看出first-child和last-child的含义。这两个选择器实际上是一种
[CSS] first-child选择器的一点理解
weixin_43261523的博客
05-22 6029
在W3school上的解释是这样的： first-child选择器：选择属于其父元素的首个子元素的每个<p>元素，并为其设置样式： p:first-child { background-color: yellow; } 这很容易产生一种误解，认为p:first-child是选中p元素的第一个子元素。 举例说明： <div> <p>标题1的第一段</p> <p>标题1的第二段</p> </div>
CSS3的first-child和last-child选择器用法总结（很容易犯才错误，有几个坑！）
weixin_43343144的博客
03-25 8144
first-child官方解释：表示在一组兄弟元素中的第一个元素（最初定义时，所选元素必须有一个parent。而从选择器 Level 4 开始，parent不再是必须的。） last-child官方解释：表示在一组兄弟元素中的最后一个元素（最初定义时，所选元素必须有一个parent。而从选择器 Level 4 开始，parent不再是必须的。） 务必注意：你的这组兄弟元素节点必须在同一个...
first-child或者nth-child(1) 不起作用的原因
菜鸡的博客
05-21 1362
子元素的指定选择器。
first-child和first-of-type
03-16
first-child和first-of-type都是CSS选择器中的伪类，用于选择元素中的第一个子元素。 first-child选择器选择的是父元素的第一个子元素，无论这个子元素是什么类型的元素。 而first-of-type选择器则是选择父元素中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值