文档章节

css选择器同时选则指定的li

红焖鲤鱼
 红焖鲤鱼
发布于 2016/03/09 15:48
字数 122
阅读 48
收藏 1
点赞 1
评论 0
<!DOCTYPE html>
<html>
<head>
<style>
div#test>span>ul.hah>li:nth-child(1)
{
background-color:yellow;
}
</style>
</head>

<body>
<h1>欢迎来到我到的主页</h1>

<div id="test">
<span>
<ul class="hah">
<li>我是唐老鸭。</li>
<li>我住在 Duckburg。</li>
</ul>
</span>
<div id="test2">
<span>
<ul>
<li>我是唐老鸭。</li>
<li>我住在 Duckburg2。</li>
</ul>
</span>
</div>


<p>我最好的朋友是米老鼠。</p>

<div>
<span><p>我的样式不会改变。</p></span>
</div>

</body>
</html>


© 著作权归作者所有

共有 人打赏支持
红焖鲤鱼
粉丝 110
博文 36
码字总数 27195
作品 0
浦东
QA/测试工程师
CSS3选择器的性能比较

在众多CSS3选择器中,如何选择最合适的选择器一直是很揪心的问题。 A.Google 资深web开发工程师Steve Souders一句话就可以概括这个问题: 1.id选择器(#myid) 2.类选择器(.myclassname) ...

积木oooooo
2015/08/18
0
0
CSS选择器、优先级与匹配原理

1 选择器种类 严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=""的方式,...

上赶的大老鼠
2013/12/03
0
0
几个必须掌握的css概念:重用、子选择器和组选择器

最近由于工作原因,接触到一些css方面的东西,收集了一些相关资料贴出来,希望对大家有用. 重用: 经常会用到一些基本的式样叠加,比如字体的颜色和加粗。网页中可能同时出现三种情况:1.字体为红...

晨曦之光
2012/03/09
0
0
jQuery的选择器(三)

三、过滤选择器 3.可见性过滤选择器 :visible:取可见的元素 :hidden:取不可见的元素 使用可见性过滤选择择器过滤元素 4.属性过滤选择器 [attribute]:取拥有attribute属性的元素 [attribu...

博为峰教研组
2016/12/07
38
0
jquery遍历之children()与find()的区别

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。 .find(selector)方法是返回匹配元素集合中每...

柒月-小妖精
2013/01/10
0
1
[repo]30个你不可不知的CSS选择器

一、五大基本选择符 (通配符) 通配符选择器,经常用于css reset(样式重置),清理标签的默认样式,但现在一般不提倡直接使用了,主要是会匹配所有标签,相当耗资源。在css的优先级中是最低...

phala
2016/11/02
11
0
详解CSS选择器、优先级与匹配原理

作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候。这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起...

冰袋雪条火筒木冬瓜
2014/03/03
0
0
转------详解CSS选择器、优先级与匹配原理

作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候。这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起...

aiaiaiya
2015/08/20
0
0
前段开发必记住 30 类 CSS 选择器

CSS 1 2 3 4 ; html-script: false ]* { margin: 0; padding: 0; } 在我们看比较高级的选择器之前,应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者...

effto
2016/09/07
19
0
CSS 选择器[下]

伪类选择器总汇 结构性伪类选择器 UI伪类选择器 动态伪类选择器 其他伪类选择器 一、伪类选择器汇总 伪类选择器分为四种类型:结构性伪类、UI伪类、动态伪类和其他伪类选择器。 二、结构性伪...

xiaoxiaobukuang
2017/10/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Nested enum types are implicitly static

.Nested enum types are implicitly static So there's no need to declare them static explicitly....

Yixin_Nemo
10分钟前
0
0
xlsxwriter 常用excel格式

官方文档:xlsxwriter 官方文档 微博只对常用的方法做了总结和coding,详细方法请参考官方文档 常规写入数据: 写入字符串write_string() import xlsxwriterworkbook = xlsxwriter.Workb...

白木日勿
10分钟前
0
0
TeX

Ito LaTeX是一类用于编辑和排版的软件,用于生成PDF文档。 LaTeX编辑和排版的核心思想在于,通过\section和\paragraph等语句,规定了每一句话在文章中所从属的层次,从而极大方便了对各个层次...

E-C-Ares
13分钟前
0
0
nodejs调用webservice接口

刚接触花了一天时间去查找资料,网上资料也是够了,很多都试了不行,最后看了还是那么简单 主要是了node-soap node-soap-ntlm soap-ntlm-2,这几个试了都有缺陷, 1 首先安装soap npm instal...

lovelan1314
13分钟前
0
0
SUSE Linux 将被 EQT 收购

SUSE再次易主 Micro Focus 宣布将其一大部分业务出售给瑞典私人股本集团殷拓(EQT),所得的一部分收益将用来减轻债务,其余部分将返给股东。EQT 是一家专注于开发领域的投资公司,在软件行业拥...

linux-tao
21分钟前
0
0
Elastic-Job定时任务

用Elastic-Job可解决分布式重复执行问题 如果业务工程采用集群化的部署,可能会多次重复执行定时任务而导致系统的业务逻辑错误,并产生系统故障。 job.properties simple.id=recommendJobs...

lsjlgo
23分钟前
1
0
Markdown文件导出为pdf

1. 安装VSCode插件 打开VSCode,按F1 输入ext install,选择安装扩展 搜素markdown pdf,安装插件 2. 编辑.md文件 后缀名为.md ### 1. 表格---| 1 | 2 | 3 || --- | --- | --- || a | b...

影狼
23分钟前
0
0
redis加入到Windows 服务

redis加入到Windows 服务 安装命令: redis-server.exe --service-install redis.windows.conf --loglevel verbose 卸载命令: redis-server --service-uninstall...

轩辕剑
28分钟前
0
0
springboot--如何优雅的使用mybatis

这两天启动了一个新项目因为项目组成员一直都使用的是mybatis,虽然个人比较喜欢jpa这种极简的模式,但是为了项目保持统一性技术选型还是定了 mybatis。到网上找了一下关于spring boot和myb...

迷你芊宝宝
28分钟前
0
0
JEESZ 分布式框架开发环境部署

1. 环境准备 1. 开发工具: Eclipse IDE(建议使用高一点的版本) 2. JDK 版本:JDK1.7 3. 项目管理: Maven3.1.1 2. 安装步骤 1. 安装 jdk1.7 并配置环境变量(相信大家都会做,这里不再做重...

明理萝
30分钟前
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部