css 选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/*  ~ 表示的h1的兄弟元素  <h2>hello</h2> <h2>后盾</h2>*/article h1~h2{color: rgb(1, 20, 1);}/* + 表示紧挨着h1的兄弟元素闺蜜那种哈哈(<h2>hello</h2>) */article h1+h2{color: green;}/* ^ 表示title是以hello开头的元素 */article h1[title^='hello']{color: red;}/* $ 表示title是以hello结尾的元素 */article h2[title$='hello']{color: blue;}/* ~ 表示title中包含hello这个词的,hello是一个单独的词 */article h2[title~='hello']{color: #3f1f1f;}/* | 表示title中以hello这个词开头的或者以hello开头以短横线连接的其他词的 */article h2[title|='hello']{color: #ce450f;}section div{border:1px solid #ccc;width: 300px;}section div input{border: none;outline: none;width: 230px;            }section div>span::after{content: '搜索';border-left: solid 1px #ccc;padding-left: 10px;}section div>input:placeholder-shown+span::after{content: 'lll';border-left: solid 1px #ccc;padding-left: 10px;}section .test{width: 300px;height: 300px;overflow: scroll;}section .test h4{position: sticky;top: 0;left: 0;background-color: #eb7d7d;            }</style>
</head>
<body><!-- css选择器 ~ 与 + 的区别 --><main><article><h1 title="hello55">你好</h1><h2>hello</h2><aside><h2 title="ss hello">ok</h2></aside><h2 title="www.hello">后盾</h2><h2 title="hello-555">后来</h2><h2>hello www</h2></article><section><div><input type="text" placeholder="some text here"><span></span></div></section><section><div class="test"><div><h4>印度成功登月后不久 将视线转向下一个目标:太阳</h4><p>“Aditya”在印地语中指的是太阳。印度空间研究组织的一份报告称,Aditya-L1将被置于围绕太阳-地球系统“拉格朗日1点”的光环轨道上,因为在那里观察太阳可以毫无阻碍。拉格朗日点是空间中两个大质量的引力产生“增强的吸引力和排斥力区域”的位置,由此产生的力可以用来保持飞船的位置并减少燃料消耗,所以拉格朗日点也被比作航天飞行器的“停车位”。报告指出,这次发射将标志着印度第一个研究太阳的天基天文台。此次飞行任务的目的是深入了解太阳活动的各个方面及其对空间天气的影响,其目标包括:了解太阳风和空间天气的形成原因和构成要素、研究日冕物质抛射的动力学、以及观察太阳圆盘等,同时旨在解决太阳物理学中一些尚未解决的问题。</p></div><div><h4>土耳其一航空公司航班拟设成人专区</h4><p> 据美联社29日报道,这家廉价航空公司拟于今年11月开始,在往返荷兰阿姆斯特丹和加勒比海荷属岛屿库拉索之间的航班上开设成人座位专区,面向年满16岁的乘客开放。科伦登航空公司上周宣布,执飞这条航线的空中客车A350客机有432个客位,位于机舱前部的93个普通座位和9个超大空间座位将被设为成人专区,用帘子或隔板与其他座位分开。公司网站消息显示,相比普通机票,成人专区普通座位收取45欧元的预订费,超大空间座位预订费为100欧元。阿姆斯特丹至库拉索航班单程飞行时间约10个小时。</p></div><div><h4>上海一地有毒气泄漏?要封路一个月?权威部门答复</h4><p>上海辟谣平台从浦东新区应急管理部门了解到,网传事故发生在8月28日22时56分许,一辆装有桶装液态甲基三氯硅烷的货车行驶至S1川沙路南约50米处,其中1桶发生泄漏。经应急管理局、公安分局、消防救援支队等单位联动处置,将泄漏的1个铁桶作危废处理,其间无人员伤亡。8月29日10时25分许,道路交通逐步恢复正常,不存在要封路一个月的情况。此外,经区生态部门检测,事故未造成附近环境及水质污染</p></div></div></section></main>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/120794.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

FPGA输出lvds信号点亮液晶屏

1 概述 该方案用于生成RGB信号&#xff0c;通过lvds接口驱动逻辑输出&#xff0c;点亮并驱动BP101WX-206液晶屏幕。 参考&#xff1a;下面为参考文章&#xff0c;内容非常详细。Xilinx LVDS Output——原语调用_vivado原语_ShareWow丶的博客http://t.csdn.cn/Zy37p 2 功能描述 …

如何在你的Android工程中启用K2编译器?

如何在你的Android工程中启用K2编译器&#xff1f; K2编译器是用于Kotlin代码编译的最新、高效编译器&#xff0c;你现在可以尝试使用了。 Kotlin编译器正在为Kotlin 2.0进行重写&#xff0c;新的编译器实现&#xff08;代号K2&#xff09;带来了显著的构建速度改进&#xff…

10 mysql tiny/small/medium/big int 的数据存储

前言 这里主要是 由于之前的一个 datetime 存储的时间 导致的问题的衍生出来的探究 探究的主要内容为 int 类类型的存储, 浮点类类型的存储, char 类类型的存储, blob 类类型的存储, enum/json/set/bit 类类型的存储 本文主要 的相关内容是 int 类类型的相关数据的存储 …

Vue3 学习 组合式API setup语法糖 响应式 指令 DIFF(一)

文章目录 前言一、Composition Api二、setup语法糖三、响应式refreactive 四、其他一些关键点v-prev-oncev-memov-cloak 五、虚拟Dom五、diff算法 前言 本文用于记录学习Vue3的过程 一、Composition Api 我觉得首先VUE3最大的改变就是对于代码书写的改变&#xff0c;从原来选择…

购物商场项目实践

1.项目开始 1&#xff09;此项目为在线电商项目 2&#xff09;包含首页&#xff0c;搜索列表&#xff0c;商品详情&#xff0c;购物车&#xff0c;订单&#xff0c;支付&#xff0c;用户登录/注册等多个子模块 3&#xff09;使用Vue全家桶ES6webpackAxios等前端技术 4&…

MySQL主从复制与读写分离 及其实例

目录 主从复制与读写分离 1、MySQL主从复制原理 1.1、MySQL的复制类型 1.2、MySQL主从复制的工作过程 1.3、mysq支持的复制类型 1.4、 数据流向 1.5、主从复制的工作过程 2、读写分离 2.1、什么是读写分离&#xff1f; 2.2、为什么要读写分离呢&#xff1f; 2.3、什么…

如何快速搭建母婴行业的微信小程序?

如果你想为你的母婴行业打造一个独特的小程序&#xff0c;但没有任何编程经验&#xff0c;别担心&#xff01;现在有许多小程序制作平台提供了简单易用的工具&#xff0c;让你可以轻松地建立自己的小程序。接下来&#xff0c;我将为你详细介绍搭建母婴行业小程序的步骤。 首先&…

MySQL——MySQL的基础操作部分

使用命令行登录 mysql -u root -p 直接敲击回车后输入密码即可&#xff1a; 当看到出现“mysql>“的符号之后&#xff0c;就表示已经进入到了&#xff2d;&#xff59;&#xff33;&#xff31;&#xff2c;系统中&#xff0c;就可以输入&#xff2d;&#xff59;&#xf…

Android学习之路(13) Handler详解

1. 简介 Handler是一套 Android 消息传递机制,主要用于线程间通信。 用最简单的话描述&#xff1a; handler其实就是主线程在起了一个子线程&#xff0c;子线程运行并生成Message&#xff0c;Looper获取message并传递给Handler&#xff0c;Handler逐个获取子线程中的Message.…

【python爬虫】15.Scrapy框架实战(热门职位爬取)

文章目录 前言明确目标分析过程企业排行榜的公司信息公司详情页面的招聘信息 代码实现创建项目定义item 创建和编写爬虫文件存储文件修改设置 代码实操总结 前言 上一关&#xff0c;我们学习了Scrapy框架&#xff0c;知道了Scrapy爬虫公司的结构和工作原理。 在Scrapy爬虫公司…

漏洞发现-web应用发现探针类型利用(43)

关于在真实环境下面&#xff0c;这个漏洞该如何发现 这里老师把它分成了三块第一类是 #已知cms 如常见的dedecms&#xff0c;discuz&#xff0c;wordpress等源码结构&#xff0c;这些都是网上比较知名的php源码的cms的名称&#xff0c;这是我们在国内常见的几个程序&#xf…

Java中的网络编程------基于Socket的TCP编程和基于UDP的网络编程,netstat指令

Socket 在Java中&#xff0c;Socket是一种用于网络通信的编程接口&#xff0c;它允许不同计算机之间的程序进行数据交换和通信。Socket使得网络应用程序能够通过TCP或UDP协议在不同主机之间建立连接、发送数据和接收数据。以下是Socket的基本介绍&#xff1a; Socket类型&…

后端笔试题(2)分频器波形图

我正在「拾陆楼」和朋友们讨论有趣的话题&#xff0c;你⼀起来吧&#xff1f; 拾陆楼知识星球入口

冠达管理:“旺季”来临,煤炭板块走高,云煤能源、陕西黑猫涨停

煤炭板块1日盘中发力走高&#xff0c;截至发稿&#xff0c;云煤动力、陕西黑猫涨停&#xff0c;兖矿动力涨超7%&#xff0c;晋控煤业、华阳股份涨超6%&#xff0c;山西焦煤、平煤股份涨超5%。 组织表明&#xff0c;动力大通胀背景下&#xff0c;未来3-5年煤炭供需偏紧的格局仍…

【Spring】SpringBoot的10个参数验证技巧

这里写目录标题 前言1.使用验证注解2 使用自定义验证注解3 在服务器端验证4 提供有意义的错误信息5 将 i18n 用于错误消息messages.properties6 使用分组验证7 对复杂逻辑使用跨域验证8 对验证错误使用异常处理9 测试你的验证逻辑10 考虑客户端验证总结 前言 参数验证很重要&am…

mysql-1:认识mysql

文章目录 数据库概述什么是数据库什么是关系型数据库 MySQL的概述MySQL是什么MySQL发展历程 SQL的概述什么是SQLSQL发展的简要历史&#xff1a;SQL语言分类 数据库概述 什么是数据库 数据库就是[存储数据的仓库]&#xff0c;其本质是一个[文件系统]&#xff0c;数据按照特定的…

简述电子企业MES管理系统解决方案的实施策略

引言&#xff1a;在电子制造企业中&#xff0c;随着产品种类的增多和订单数量的增长&#xff0c;传统的手工管理方式已经无法满足企业的生产需求。为了提高生产效率&#xff0c;降低成本&#xff0c;提高订单的履行速度和准确性&#xff0c;电子企业需要实施MES管理系统。本文将…

VGA OUT 的PCB设计注意事项

VGA(Video Graphics Array)即视频图形阵列&#xff0c;具有分辨率高、显示速率快、颜色丰富等优点。VGA接口不但是CRT显示设备的标准接口&#xff0c;同样也是LcD液晶显示设备的标准接口&#xff0c;具有广泛的应用范围。 VGA OUT PCB设计注意事项&#xff1a; 1、整体布局时&…

混合动力汽车耐久测试

一 背景 整车厂可通过发动机和电机驱动的结合为多款车型提供混合动力驱动技术。汽车集成电机驱动可大大减少二氧化碳的排放&#xff0c;不仅如此&#xff0c;全电动驱动或混合动力驱动的汽车还将使用户体验到更好的驾驶感受&#xff0c;且这种汽车可通过电动机来实现更快的加速…

Jenkins java8安装版本安装

一、首先准备Jenkins、Jdk8、Tomcat9安装包 根据Jenkins官网介绍&#xff0c;Jenkins支持Java8的版本如下&#xff1a; 我们选择2.164版本进行安装&#xff0c;根据版本号支持输入下载地址&#xff1a;https://archives.jenkins.io/war/2.164/jenkins.war&#xff0c;进行下载…