html初学第六课高级选择器

最新推荐文章于 2023-05-12 23:22:31 发布
最新推荐文章于 2023-05-12 23:22:31 发布
阅读量88 收藏
点赞数
分类专栏： 初学 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/giantleech/article/details/111924612
版权

css的高级选择器

1、层次选择器

在这里插入图片描述

2、结构伪类选择器

在这里插入图片描述

3、属性选择器

在这里插入图片描述

小结

1、使用E F:nth-child(n)和E F:nth-of-type(n)的 关键点
2、E F:nth-child(n)在父级里从一个元素开始查找，不分类型
3、E F:nth-of-type(n)在父级里先看类型，再看位置

总结

在这里插入图片描述

珹先生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Html】11-高级选择器
郑SaScha的博客
06-12 246
CSS的高级选择器的介绍
05css之高级选择器（层次选择器 、结构伪类选择器 、 属性选择器）
Denial_learn的博客
08-30 557
CSS的高级选择器： 层次选择器 结构伪类选择器 属性选择器 层次选择器： 示例： body p{ background: red; } body>p{ background: pink; } .active+p { background: green; } .active~p{ background: yellow; } 结构伪类选择器： 示例： ul l...
HTML高级选择器
qq_53590046的博客
11-21 491
高级选择器 1.层次选择器 后代选择器 A B：根据A标签缩小范围，再到其中找到所有的A标签（父类A 后代B） 子代选择器A>B：根据A标签缩小范围，再找到子标签B（注意：只找下一级关系） 相邻兄弟选择器A+B：找到A的位置，看它下一个同级是否是B，如果是就选择 通用兄弟选择器A~B：找到A的位置，找到后面所有同...
HTML 高级选择器
m0_65066169的博客
10-02 587
HTML 高级选择器
html中的高级选择器的类别,css高级选择器
weixin_39900206的博客
06-03 67
1.lable会将当鼠标点在信息位置时，也会将输入定位到input的输入框内信息二、高级选择器/*1、群组选择器：控制多个*//*注：每一个选择器位，可以为id、class、标签、选择器组合*/#h1, .p, .a {color: red;}/*2、后代(子代)选择器：控制一个标签，前方的都是修饰*/body .div2 .p2 { /*后代 空格，父子(孙)*/color: orange;}...
HTML第6章 课堂练习 PPT及答案 CSS.ACCP6.0
05-10
本资料包"HTML第6章 课堂练习 PPT及答案 CSS.ACCP6.0"聚焦于HTML的第六章节，可能涵盖了一些高级主题，如表格、表单、框架、多媒体以及更深入的CSS概念。 在HTML的第六章中，可能会讲解以下关键知识点： 1. **表格...
djangosimple：从初学者到高级使用django的项目
02-14
【标题】"Django Simple：从初学者到高级使用的Django项目" 【描述】这个项目旨在引导用户逐步掌握Django框架，从基础概念到高级应用，实现从新手到熟练开发者的过程。Django是Python编程语言中的一个强大且流行的...
前端第一阶段笔记HTML+CSS
08-15
CSS通过选择器匹配HTML元素，并应用相应的样式规则，如颜色、字体、布局等。 【项目开发流程】 在IT行业中，前端开发通常遵循以下步骤： 1. 项目经理/产品经理首先确定项目需求，组织立项会议。 2. UI设计师根据...
HTML5+Css3高级程序设计
07-31
10. **CSS3选择器**：如`:not()`, `:checked`, `:target`等，使得选择器更加智能。 通过学习和实践HTML5的高级程序设计与CSS3的核心特性，开发者可以创建更具互动性、更美观、更具响应性的网页。同时，了解这些新...
travelguide:第一个HTMLCSS项目
03-30
同时，掌握CSS选择器的使用，如类选择器、ID选择器、伪类和伪元素，可以帮助你更精确地定位和样式化元素。 完成"travelguide"项目后，你将对HTML和CSS有更深入的理解，并能运用这些知识创建其他类型的网站。继续...
Html-高级选择器及优先级
weixin_30387339的博客
07-30 116
目录 CSS高级选择器 1.后代选择器 2.子代选择器 3.兄弟标签 4.相邻标签 5.群组选择器 6.交叉选择器 选择器优先级 CSS高级选择器 1.后代选择器 <!D...
HTML学习日志（高级选择器）
inputlife的博客
09-07 145
并集选择器：多个选择器通过逗号连接而成，同时声明多个风格相同样式 CSS: ul,ol{ list-style: none; } 交集选择器：由两个选择器连接构成，选中二者范围的交集，两个选择器之间不能有空格（第一个必须是标签选择器，第二个必须是类选择器或者ID选择器） HTML: <li class="item"><a href="" class="active">这是我的一个列表</a></li> <li clas.
HTML学习6 CSS 选择器 css高级选择器权重
lx1315998513的博客
05-11 201
html（骨架） css（衣服） js（行为动作） CSS ​ 1.我们写css的地方是style标签，就是“样式”的意思，写在head里面。 ​ css也可以写在单独的文件里面，现在我们先写在style标签里面 ​ css有3个地方写代码 ​ 1、html标签中的head的style标签中 ​ 2、也可以写在一个单独的文件中 ​ 3、在标签上使用style属性 ​ 如果3个地方都写了同一个标签的样式，就采用就近原则 <style type="text/css"> &
HTML04 CSS高级选择器
一个开发初学者的博客
03-14 198
HTML回顾 选择器：目的就是选择标签的 id ： # id class：. class 标签：直接书写 CSS：层叠性： 如果一个标签：被id class 标签选择器_ 含有的属性不冲突都显示 冲突：id>类>标签（就近） CSS属性：控制样式的。 文本 border： background： text-aglin vertical-align:------ 选择器选中 ，css控制 选择器： background： float： display： position： .
html5 高级选择器哪几种,css有哪些基本选择器和高级选择器？
weixin_39949506的博客
06-04 97
我们每个人都意识到了CSS的重要性，但是还有很多人不知道css有哪些基本选择器和高级选择器？下面我们来总结一下。ID选择器>类选择器>标签选择器行内样式>内部样式>外部样式*结构伪类选择器 一旦设置 不管在行内还是在后面重新设置，都没办法改变*结构伪类选择器设置奇偶行以及从第三行开始变色如何实现nth-cild(2N+3)表示从第三行开始的奇数行同理 nth-child(2...
CSS高级选择器
darkcode007的博客
12-22 1130
CSS高级选择器 前面一篇文章给大家简单的介绍了CSS中的几个常用基础选择器，今天勒，给大家介绍几个CSS的高级选择器，对于CSS3，其选择器在CSS2的基础上增加了差不多30个，关于Html5,CSS3我会在今后的文章中给大家介绍，下面就来认识几个CSS的高级选择器 后代选择器语法如下:选择器1 选择器2 选择器3...选择器n{ k:v; k:v; k:v;
HTML 选择器：提高网页开发效率的利器
最新发布
a451319296的博客
05-12 4083
HTML 选择器是一种用于查找特定元素的语法，根据标签名、类名、ID 等属性来筛选出符合条件的元素。在开发过程中，灵活运用各种选择器可以帮助我们更加高效地操作页面元素。本文总结了常用的HTML选择器，并提供了相关使用案例和注意事项。通过熟练掌握这些选择器的使用方式，能够提高网页开发效率，并使代码更加规范化、易于维护。
CSS的四种基本选择器和四种高级选择器
热门推荐
Jack
07-11 9万+
CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 下面来分别讲一讲。 1、标签选择器：选择器的名字代表html页面上的标签...
HTML七大选择器,HTML各类选择器
weixin_39790528的博客
06-08 5283
基本选择器：1.通配选择器(*)2.元素选择器(eg:p)3.类选择器(.class)4.ID选择器(#..)高级选择器：1.后代选择器(E(空格)F)2.子代选择器(E>F)3.兄弟选择器(E+F)4.通用选择器(E~F)结构伪类选择器：1.nth-child和nth-last-child2.nth-of-type(n)和nth-last-of-type(n)3.nth-last-of-t...
JavaScript权威指南第六版：ECMAScript 5与HTML5解析
"JavaScript - The Definitive Guide, 6th Edition（第六版）" JavaScript - The Definitive Guide 是一本由David Flanagan编写的经典书籍，第六版详细介绍了JavaScript编程语言，涵盖了ECMAScript 5和HTML 5的新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值