1-选择器计算法

<!DOCTYPE html>
<html>
<head>
<style>
/*简单数字序号写法*/
li:nth-child(2){background-color:yellow;
}
/*倍数写法*/
li:nth-child(3n){background-color:green;
}
/*倍数分组匹配*/
li:nth-child(3n+1){background-color:red;
}
/*奇偶匹配*/
ol li:nth-child(odd){background-color:pink;
}ol li:nth-child(even){background-color:blue;
}/*only-child*/
#olid li:only-child{color:red;
}#olid2 li:last-child{color:red;
}
</style>
</head><body>
<ul><li>1</li><li>2</li><li>3</li>
</ul><ol><li>1</li><li>2</li><li>3</li><li>4</li>
</ol><ol id="olid"><li>1</li>
</ol><ol id="olid2"><li>1</li><li>2</li><li>3</li><li>4</li>
</ol>
</body>
</html>

转载于:https://www.cnblogs.com/1020182600HENG/p/7079675.html

1-选择器计算法相关推荐

CSS3与页面布局学习笔记（一）——概要、选择器、特殊性与刻度单位
web前端开发者最最注的内容是三个:HTML.CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能 ...
CSS 选择器：BeautifulSoup4解析器
和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...
xpath选择器简介及如何使用
xpath选择器简介及如何使用一.总结一句话总结:XPath 的全称是 XML Path Language,即 XML 路径语言,它是一种在结构化文档(比如 XML 和 HTML 文档)中定位信息 ...
css选择器及float(浮动)
--------------------------选择器( css有就近原则)------------------------------- 选择器名称在css表的 ...
html5类选择器选择权重,Python Html5和CSS3的新增功能：CSS权重与CSS3新增选择器
一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...
浅谈对html css的理解,HTML+CSS入门 CSS选择器、属性和值浅谈
body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...
php表单偶数变颜色,利用CSS3 nth-child()选择器实现表格奇偶行变色
nth-child()简介 CSS3的nth-child() 选择器,我之前很少用,在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断,来加一个css,从而使表格偶数行和奇数行颜色不一样.这 ...
FPGA（3）验证数字逻辑（与门、与非门、二选一数据选择器、2-4译码器、半加器、全加器）
目录一.验证与门二.验证与非门三.验证二选一数据选择器四.验证2-4译码器五.验证半加器六.验证全加器 0.初始化定义 1.第一个半加器 2.第二个半加器 3.得到最终进位Co 代码 0决 ...
【代码笔记】Web-CSS-CSS id和Class选择器
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
任务二：1、选择器 2、连接集中状态的顺序 3、浮动的用发和原理 4、盒模型在IE和Google等不同浏览器的区别与联系...
1.选择器类型标签选择器,类选择器,ID选择器,组合选择器,伪类和伪元素,属性选择器,子选择器,同胞选择器, :not()选择器 1.同胞选择器相邻同胞标签: h2 + p{ color:red; ...

1-选择器计算法

1-选择器计算法相关推荐

最新文章

热门文章

1-选择器 计算法

1-选择器 计算法相关推荐

最新文章

热门文章

1-选择器计算法

1-选择器计算法相关推荐