一个css如何应有到所有的DIV中
发布网友
发布时间：2022-04-24 20:10
共6个回答
懂视网
时间：2022-04-25 00:31
/**
* @author Supersha
* @QQ:770104121
*/
var cssQuery = {
//parent:用于存储当前节点的父节点的引用
parent: document,
select: function(selectorStr){
var selectors=selectorStr.split(" "); //分隔字符串
for (var i = 0, len = selectors.length; i < len; i++) {
var el = this.parent || document; //用于存储指定class属性的节点引用
var val=this.replaceStr(selectors[i]); //代替掉"#"和"."点号，用于获取指定的ID的节点引用
if (selectors.length == 1) { //如果只有一个参数
if (!(/[#.]/g).test(selectors[i])) { //如果是HTML标签
return document.getElementsByTagName(selectors[i]);
}
else { //如果是ID或者指定的class值
//判断是ID还是class属性
return (this.IDLabel(selectors[i])) ? this.$(val) : this.getElementsByClassName(document, "*", val);
}
}
//如果达到selectorStr字符号中最后的那个ID或者class或者HTML标签
else if(i == selectors.length-1){
if (!(/[#.]/g).test(selectors[i])) { //如果是HTML标签
return el.getElementsByTagName(selectors[i]);
}
else { //如果是ID或者class属性
return (this.IDLabel(selectors[i])) ? this.$(val) : this.getElementsByClassName(el,"*",val);
}
}
else{ //如果存在两级以上的selectorStr，则存储当前节点的引用到parent属性中
if (!(/[#.]/g).test(selectors[i])) { //如果是HTML标签
this.parent = el.getElementsByTagName(selectors[i])[0];
}
else { //如果是ID或者class属性
this.parent = ((/#/gi).test(selectors[i])) ? this.$(val) : el;
}
}
}
},
$: function(id){ //用于得到指定ID的引用
return document.getElementById(id);
},
IDLabel: function(selector){ //判断是否是ID属性
return ((/#/gi).test(selector)) ? true : false;
},
classLabel: function(selector){ //判断是否是class属性
return ((/./gi).test(selector)) ? true : false;
},
replaceStr:function(a){ //替换掉"#"和"."点号，用于获取指定的ID的节点引用
return a.replace("#","").replace(".","");
},
getElementsByClassName: function(el, tag, classname){ //通过class属性值获取含有class属性值的元素的引用
var elem = el || document;
if (!classname)
return;
tag = tag || "*";
var allTagsDom = ((tag == "*") && (elem.all)) ? elem.all : elem.getElementsByTagName(tag);
classname = classname.replace(/-/g, "\-");
var regex = new RegExp("(^|\s*)" + classname + "(\s*|$)");
var matchElements = new Array();
var element;
for (var i = 0; i < allTagsDom.length; i++) {
element = allTagsDom[i];
if (regex.test(element.className)) { //根据正则来检测类名
matchElements.push(element);
}
}
return matchElements;
}
}
//调用方法：cssQuery.select(selectorString); selectorString 像这种："#p #b .em"，
//可以接收HTML标签和ID、class的组合，返回指定的selectorString的引用
热心网友
时间：2022-04-24 21:39
这样就OK了 整个网页中所有的DIV就都是这个CSS定义的了
也可以用class或者是id来*某一个或几个div的样式 比如
.divname{CSS的内容;}
引用时就要用到
<div class=divname>其他内容其他内容其他内容</div>
或者是
#divname{CSS的内容;}
<div id=divname>其他内容其他内容其他内容</div>
热心网友
时间：2022-04-24 22:57
CSS要在语句中起作用，主要是靠选择器名称如
dd{color:#66f;}
在语句中<dd></dd>就可以起作用，要想全部起做用只要叠加上去就可以，这也是CSS层叠样式表的层叠表现
热心网友
时间：2022-04-25 00:32
<style>
div{width:800px;margin-left:auto;margin-right:auto}
</style>
注意：div一定要设置一个宽度，而且不能设置浮动float
热心网友
时间：2022-04-25 02:23
热心网友
时间：2022-04-25 04:31
或者
div{定义自己的css}
