CSS3结构伪类选择器

最新推荐文章于 2024-05-04 13:53:08 发布
VIP文章 最新推荐文章于 2024-05-04 13:53:08 发布
阅读量654 收藏
点赞数 1
文章标签： css css3 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mymood1/article/details/123178251
版权

结构伪类选择器主要根据文档结构来选择器元素，常用于根据父级选择器里的子元素。

1.选择ul 里面 第一个 li

:first-child

 

2.选择ul最后一个li

:last-child

最低0.47元/天 解锁文章
绝对不进电子厂
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS3结构性伪类选择器九种写法
01-19
一、X:nth-child(n) ...demo的用法是最简单的，X:nth-child()更强大的用处在于奇偶匹配，明河不展开讲，有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器》 二、X
伪类选择器
qq_43648337的博客
09-02 159
伪类选择器 CSS选择器在编码时的应用（类似快捷键）：利用选择器快速生成标签 举例： 1.输入ul>li按tab键：可快速生成一ul标签嵌套一个li标签。 2.输入ul+ul按tab键：可快速生成两个ul标签。 3.输入ul>li*5按tab键:可快速生成包含5个li标签的ul标签。 ...
css伪类选择器用法
weixin_71341796的博客
09-07 502
css 伪类选择器用法
CSS3 伪元素选择器(::first-letter ::first-line ::selection)
houyanhua1的专栏
03-21 830
demo.html：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 伪元素选择器 */ /* 第一个字母/汉字 *
CSS之伪类选择器与伪元素选择器
m0_51277853的博客
05-23 651
伪类选择器(a:hover, li:nth-child) 伪类存在的意义是为了通过选择器格式化DOM树以外的信息 (比如： <a> 标签的:link、:visited等。这些信息不存在于DOM树中。)；还有不能被常规CSS选择器获取到的信息(比如：要获取第一个子元素，我们无法用常规的CSS选择器获取，但可以通过 :first-child来获取到。) 动态伪类选择器 :link。元素被定义了超链接但并未被访问过 :visited。元素被定义了超链接并已被访问过 :active。元素被激活 :ho
CSS3 结构伪类选择器
PinkCoder
12-01 978
CSS3 结构伪类选择器
结构伪类选择器（总结）
12-22
什么是结构伪类选择器？ 结构伪类选择器是针对HTML的结构进行分类的选择器，特征就是位置 分为三大类 一类 e:first-child e:last-child e:only-child e:nth-child(n/even/odd)隔行换色，列表换色 e:nth-last-child ...
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
11-21
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表  属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...
HTML5&CSS3网页制作：结构化伪类选择器.pptx
05-31
CSS3选择器--结构化伪类选择器;结构化伪类选择器;结构化伪类选择器;:root选择器;:not选择器;:only-child 选择器;:first-child和:last-child选择器;:nth-child(n)和:nth-last-child(n)选择器;:nth-of-type(n)和:nth-...
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
秋刀鱼不做梦的编程日常
05-01 977
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
CSS:css简介
qq_55630615的博客
04-28 322
给html设置样式,美化css,实现结构和样式的分离。
HTML_CSS学习：常用文本属性
m0_74972727的博客
05-03 413
【代码】HTML_CSS学习：常用文本属性。
HTML_CSS学习：CSS盒子模型
最新发布
m0_74972727的博客
05-04 394
块元素：1.主题结构标签：<html>、<body>2.排版标签：<h1>-<h6>、<hr>、<p>、<pre>、<div>3.列表标签：<ul>、<ol>、<li>、<dt>、<dd>4.表格相关标签：<table>、<tbody>、<thead>、<tfoot>、<tr>、<caption>行内元素：1.文本标签：<br>、<em>、<strong>、<sup>、<sub>、<del>、<ins>2.<a>与<label>行内块元素：1.图片：<img>
css代码的定位及浮动
2401_83693610的博客
04-28 473
上次，我们解除了css的内外边距、鼠标悬停及其练习。现在我们学习css元素练习和定位。
c3 笔记8 css排版技巧
weixin_63492023的博客
05-03 173
相关内容：边界、边框、位置（absolute、relative、static）、overflow、z-index、超链接、鼠标光标特效、……©《HTML5+CSS3+JavaScript网页设计》陈婉凌编，清華大学出版社。margin:上边界值 右边界值 下边界值 左边界值。
【前端学习——css】css实现给背景的图片加模糊
Everglowwwwww的博客
04-28 205
我在制作自己的博客的时候，打算做个封面，封面用半透明颜色盖住了预览图，上面印上了文字，但背景图太乱了，所以打算给背景加模糊效果。
深入探索HTML与CSS：构建网页的基础
shiranyyds的博客
04-30 1371
position属性有四个值可选：static（默认值，无特殊定位）、relative（相对于其正常位置进行定位）、absolute（相对于最近的已定位祖先元素进行定位，如果没有则相对于初始包含块）、fixed（相对于浏览器窗口进行定位）。同时，CSS也支持样式的层叠，即多个样式应用于同一个元素时，会根据一定的优先级规则来决定最终应用的样式。CSS提供了多种布局方式，包括流式布局（Flow Layout）、浮动布局（Floats）、定位布局（Positioning）、Flexbox布局和Grid布局等。
css div块标签内的多个英语单词怎样设置换行
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
04-30 411
word-break: break-all; //强制英文单词断行
CSS 文字超出显示滚动条
努力搬砖的小码
04-30 287
CSS 文字超出显示滚动条
css3结构化伪类选择器
11-08
CSS3中新增加的选择器之一是结构化伪类选择器，常用的结构化伪类选择器有：root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值