背景图+列表+伪类选择器

Background-color|image|position|repeat 颜色图片位置重复图片优先

CSS Sprites雪碧图：减少http请求，减小服务器压力。一张大图，通过背景偏移position截取小图。

Li列表

list-style

list-style-image

list-style-position

list-style-type

<a>标签伪类选择器

link 未访问

visited 已访问

hover 悬停可用于其他元素

active 点击可用于其他元素

时间： 2024-10-04 10:21:24

背景图+列表+伪类选择器的相关文章

css伪类选择器

伪类通过冒号来定义,他定义了元素的状态,如点击按下.点击完成等等.我们之前都是直接操作元素的样式现在可以为元素的状态改变样式,使元素看上去更"动态". 伪类选择器: 1.E:link2.E:visited3.E:hover4.E:active5.E:not()6.E:first-child7.E:last-child8.E:only-child9.E:empty10.E:checked11.E:nth-child(n) 1.E:link 设置超链接a在未被访问时的样式(特指a标签) a

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分--伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

CSS3 结构性伪类选择器（2）

CSS3 结构性伪类选择器-first-child ":first-child"选择器表示的是选择父元素的第一个子元素的元素E.简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素. 示例演示通过":first-child"选择器定位列表中的第一个列表项,并将序列号颜色变为红色. HTML代码: <ol> <li><a href="##">Link1</a></li>

【转】伪类选择器

原文地址:http://www.w3cplus.com/css3/pseudo-class-selector 前面花了两节内容分别在<CSS3选择器——基本选择器>和<CSS3选择器——属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下

CSS3---结构性伪类选择器—nth-last-child(n)

结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似,只是这里多了一个“last”,所起的作用和“:nth-child(n)”选择器有所区别,从某父元素的最后一个子元素开始计算,来选择特定的元素. 案例演示选择列表中倒数第五个列表项,将其背景设置为橙色. HTML代码: <ol> <li>item1</li> <li>item2</li> &l

CSS3伪类选择器详解

前面花了两节内容分别在<CSS3基本选择器>和<CSS3属性选择器详解>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择器的使用方法.

结构性伪类选择器

结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式. root选择器将样式捆绑到页面的根元素中.所谓根元素是指位于文档结构中最顶层的元素.在HTML页面中,就是指包含整个页面的<html>部分如可用以下片段将整个网页的背景设为黄色,将网页中的body元素背景设为红色. :root{background-color:yellow;} body{background-color:red;} not选择器如果想对某个结构元素使用样式,但又想排除该结构元素下面的子结构元

H5与CS3权威下.19 选择器（2）结构性伪类选择器

1.CSS中的伪类选择器及伪元素 (1)与自定义的class类选择器不同,伪类选择器是CSS中已经定义好的选择器. eg:a:link{color:#ff0000;} (2)伪元素的使用方法: 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 2.css中常用的伪元素选择器 (1)first-line:向某元素中的第一行文字使用样式. eg: 1 <p>伪元素选择器 <br>类选择器</p> 1 p:first-line{background: pink;}

Atitit.隔行换色  变色 css3 结构性伪类选择器

Atitit.隔行换色变色 css3 结构性伪类选择器 1.1. css3隔行换色扩展阅读 1 1.2. 结构伪选择器 1 1.3. jQuery 选择器2 1.1. css3隔行换色扩展阅读原理就是利用结构伪类选择器 .list_div tr:nth-of-type(odd){background:#fff;} /* 奇数行 */ /*-------------------------------*/ .list_div tr:nth-of-type(even){ background: