PHP文件中有一段:<div class="post-alt blog" id="post-alt">

CSS文件中有一段:
.post-alt {XXXXXX}
.blog {XXXXXX} 问题有两个:1、DIV层定义中有class,id,这样的话最后css格式定义听谁的?
2、CSS中没有"#post-alt{XXX}这个ID格式定义,那么这个DIV中的ID有什么作用?
当代码中出现id跟class的时候...先听id的..后听class的....
但是你的代码中并没有出现id的样式...所以就听class的..但是你的代码还有一点地方比较特别..就是class="post-alt blog"..这样的写法意思就是..它有2个class..如果给一个元素指定2个以上的类..要用空格隔开... 你的CSS是.post-alt 跟.blog凡是出现2个以上的class的..是要分情况的...比如..如果没有重复的定义样式.那么就听所有的集合...如果有重复的...比如
.post-alt{font-size:12px;font-family:arial;} .blog{font-size:20px;} 最终样式就是{font-size:20px;font-family:arial;}
就听blog的....也就是说...第一个类当中的样式在第2个样式里如果没有..就听第一个样式里的这个属性...而相同的属性则听第2个样式..然后集合这2个的属性.. 但是如果指定ID..ID中的有跟class相同的属性..则听ID... 问题2.这个里面它本来就没有定义#post-alt所有...这个里面的DIV的ID就没有定义...你可能郁闷为什么要定义一个ID呢...ID其实不一定要在CSS里才还用...它是表示..一个页面里..唯一的一个元素...一个页面里不能出现2个相同的ID...但是可以出现N个相同的类.....比如..利用JS..结合DOM来获取一个页面里唯一的元素的时候..我们就可以利用ID来获取...如:
var post_alt=document.getElementById("post-alt");
这就表示获取页面里ID为post-alt的元素.也就是你写的这个div,你可以对这个div来执行一些操作..如:
post_alt.style.background="#ff0099";
则..这个层的颜色就变成了洋红色... 参考:
http://zhidao.baidu.com/question/121122095.html?qbl=relate_question_3&word=css%20id%20class
http://www.codefans.net/jscss/code/586.shtml

css 格式中id与class共存的更多相关文章

  1. 在jquery中怎么使用css类名和id来获取元素?

    在jquery中,你可以很容易的使用CSS类名和id类获取元素. 例如: 1.ID:#id $('#idA')——选择id为idA的所有元素,不管元素的标签名如何. $('div#idA')——选择i ...

  2. 关于CSS格式与布局中的基础知识的简单操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. HTML中id、name、class 区别

    参考:http://www.cnblogs.com/polk6/archive////.html http://blog.csdn.net/ithomer/article/details/ HTML ...

  4. HTML css 格式布局

    CSS(cascading style sheets,层叠样式表),作用是美化HTML网页. /*注释*/   注释语法 2.1 样式表的基本概念 2.1.1样式表的分类 1.内联样式表 和HTML联 ...

  5. jQuery获取CSS样式中的颜色值的问题

    转自:http://blog.csdn.net/cwj649956781/article/details/23261529 jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法,需 ...

  6. CSS世界中那些说起来很冷的知识

    CSS世界中那些说起来很冷的知识 最近读了张鑫旭的新书<CSS世界>收获了不少对CSS的深度理解 也正值个人在公司内部进行部分章节的内容分享,于是顺带着直接把我即将分享的内容先给大家过过目 ...

  7. DIV+CSS布局中主要CSS属性介绍

    Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能 ...

  8. css基础之 id和选择器

    id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. (1) id 选择器 id 选择器 ...

  9. CSS/CSS3中的原生变量var详解以及布局响应式网页扩展

    使用语法 首先我们先来看一个例子:html代码: <div class="element">这是一段文字</div> css代码: .element { w ...

随机推荐

  1. SQL中 ALL 和 ANY 区别的

    在select中我们可能会认为all和any应该表达的意思差不多.其实他们的意思完全不一样: all: 是将后面的内容看成一个整体,如: >all (select age from studen ...

  2. 洛谷P1352 没有上司的舞会——树形DP

    第一次自己写树形DP的题,发个博客纪念`- 题目来源:P1352 没有上司的舞会 题目描述 某大学有N个职员,编号为1~N.他们之间有从属关系,也就是说他们的关系就像一棵以校长为根的树,父结点就是子结 ...

  3. 【SPOJ】QTREE6(Link-Cut-Tree)

    [SPOJ]QTREE6(Link-Cut-Tree) 题面 Vjudge 题解 很神奇的一道题目 我们发现点有黑白两种,又是动态加边/删边 不难想到\(LCT\) 最爆力的做法,显然是每次修改单点颜 ...

  4. QTREE6 - Query on a tree VI 解题报告

    QTREE6 - Query on a tree VI 题目描述 给你一棵\(n\)个点的树,编号\(1\)~\(n\).每个点可以是黑色,可以是白色.初始时所有点都是黑色.下面有两种操作请你操作给我 ...

  5. Codeforces 576D. Flights for Regular Customers(倍增floyd+bitset)

    这破题调了我一天...错了一大堆细节T T 首先显然可以将边权先排序,然后逐个加进图中. 加进图后,倍增跑跑看能不能到达n,不能的话加新的边继续跑. 倍增的时候要预处理出h[i]表示转移矩阵的2^0~ ...

  6. LibreOJ #539. 「LibreOJ NOIP Round #1」旅游路线(倍增+二分)

    哎一开始看错题了啊T T...最近状态一直不对...最近很多傻逼题都不会写了T T 考虑距离较大肯定不能塞进状态...钱数<=n^2能够承受, 油量再塞就不行了...显然可以预处理出点i到j走c ...

  7. echars画折线图的一种数据处理方式

    echars画折线图的一种数据处理方式 <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...

  8. libiop通讯流程和api讲解

    上一篇讲到了libiop基本结构,这次根据libiop提供的test跟踪下消息和运行流程 void echo_server_test() { ; iop_base_t *); printf(" ...

  9. Mac下安装SVN插件javaHL not available的解决方法

    在Mac下安装Eclipse插件svnEclipse插件后,每次打开Eclipse都会弹出如下弹出框: 提示你本机缺少JavaHL Library. 选择Eclipse→偏好设置(preference ...

  10. Java运行原理研究(未完待续)

    java的介绍和定性 java的优缺点分析 jdk的组成结构 jvm的工作原理 java的跨平台原理 java的编译和运行过程