css样式解读,css样式菜鸟教程

CSS样式中的>是什么意思？怎么解读以上代码？

使用，比如divp，就是表示选择父元素为 div 元素的所有 p 元素。

如果是空格，比如div p，就是选择 div 元素内部的所有 p 元素。两个意思是有不同的。

这里.navbar-inverse .nav li a:hover，就是表示 navbar-inverse类内部所有父元素为nav类的li元素的直接a子元素在鼠标经过时的样式

比如类似这样：div class="navbar-inverse"ul class="nav"lia href="#"selected/a/li/ul/div

相关问答

Q1: 几个CSS代码 高手解读下

list-style:列表样式,none就是不显示列表样式,表面来看就是ul标签下面的li没有原点.

margin:是边距的意思..就是ul标签与其他标签的距离是460像素,margin:460px;代表上下左右的距离是460px;

padding:是填充距离,和margin相反,margin是对外的距离,padding是对内的距离.

width:是ul宽度.

height:是高度.

border:是边框 1像素 solid是实线 #ccc 是颜色.

ul li:是ul标签下面的li标签样式..

line-height:是文字上下居中高度..

Q2: 解读CSS代码

好吧，虽然 LZ 真的很懒

我试试简单描述一下

按钮代码重点是 a 和 a:hover，其他的慢慢练

先说 a:hover 你要懂的，hover 就是鼠标指住它的意思

a {

text-indent: -9999px; // 重点是要把 a 的文字推出画面以外，以便显示图片

height: 40px;

}

a:hover {

background: transparent url(....) 0 -40px no-repeat;

}

给你每个属性分析一下︰

background: transparent

背景色: 透明

background: url(....)

背景图: 网址

background: 0 -40px

背景位置: 由左移动 0px 而且 由上移动 40px

这是为甚麼呢… 因为图片包含不只得一个图示，它是以 image-sprite 的原理表达

你可以想像这个是一个地图，位置就是坐标 X 和 Y 轴

background: no-repeat

背景不重覆或重叠，这是很重要，不然浏览器会认为你的图案是布满全个画面

LZ 你要多看书多看别的网站教学…不然太难说明了