创建CSS和处理的一些方法

下面的内容来自国外的论坛，比较简单，相信大家可以看得懂，因为最近我实在是太忙了，没时间慢慢整理，所以暂时先这样贴出来。
createCSSSelector(".a","display:none;display:block");
function getCSSRule(ruleName, deleteFlag) {               // Return requested style obejctruleName=ruleName.toLowerCase();                       // Convert test string to lower case.if (document.styleSheets) {                            // If browser can play with stylesheetsfor (var i=0; i<document.styleSheets.length; i++) { // For each stylesheetvar styleSheet=document.styleSheets[i];          // Get the current Stylesheetvar ii=0;                                        // Initialize subCounter.var cssRule=false;                               // Initialize cssRule.do {                                             // For each rule in stylesheetif (styleSheet.cssRules) {                    // Browser uses cssRules?cssRule = styleSheet.cssRules[ii];         // Yes --Mozilla Style} else {                                      // Browser usses rules?cssRule = styleSheet.rules[ii];            // Yes IE style.}                                             // End IE check.if (cssRule)  {                               // If we found a rule...if (cssRule.selectorText.toLowerCase()==ruleName) { //  match ruleName?if (deleteFlag=='delete') {             // Yes.  Are we deleteing?if (styleSheet.cssRules) {           // Yes, deleting...styleSheet.deleteRule(ii);        // Delete rule, Moz Style} else {                             // Still deleting.styleSheet.removeRule(ii);        // Delete rule IE style.}                                    // End IE check.return true;                         // return true, class deleted.} else {                                // found and not deleting.return cssRule;                      // return the style object.}                                       // End delete Check}                                          // End found rule name}                                             // end found cssRuleii++;                                         // Increment sub-counter} while (cssRule)                                // end While loop}                                                   // end For loop}                                                      // end styleSheet ability checkreturn false;                                          // we found NOTHING!
}                                                         // end getCSSRulefunction killCSSRule(ruleName) {                          // Delete a CSS rule   return getCSSRule(ruleName,'delete');                  // just call getCSSRule w/delete flag.
}                                                         // end killCSSRulefunction addCSSRule(ruleName) {                           // Create a new css ruleif (document.styleSheets) {                            // Can browser do styleSheets?if (!getCSSRule(ruleName)) {                        // if rule doesn't exist...if (document.styleSheets[0].addRule) {           // Browser is IE?document.styleSheets[0].addRule(ruleName, null,0);      // Yes, add IE style} else {                                         // Browser is IE?document.styleSheets[0].insertRule(ruleName+' { }', 0); // Yes, add Moz style.}                                                // End browser check}                                                   // End already exist check.}                                                      // End browser ability check.return getCSSRule(ruleName);                           // return rule we just created.
}console.log(getCSSRule(".a"));

创建CSS和处理的一些方法相关推荐

纯css实现手风琴效果_创建纯CSS手风琴的4种方法
内容手风琴是一种有用的设计模式. 您可以将它们用于许多不同的事物:用于菜单,列表,图像,文章摘录,文本片段甚至视频那里的大多数手风琴都依赖JavaScript,主要是jQuery ,但是由于高级CS ...
dreamweavercs5创建php,Dreamweaver cs5创建CSS规则的方法
Adobe Dreamweaver CS5 (32/64位) 软件大小:407.69 MB授权方式:共享软件立即下载 Dreamweaver cs5怎么创建CSS规则?Dreamweaver集网页制 ...
webstorm怎么建php文件夹,webstorm怎么创建css
webstorm创建css的方法:首先打开webstorm软件:然后选择file选项并点击"new":最后选择stylesheet或者手动新建一个css文件,再用webstorm打 ...
在html中定位属性怎么用,CSS元素定位的使用方法
CSS元素定位的使用方法导语:定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置.以下是百分网小编为大家搜集的CSS元素定位 ...
css自适应图片样式,css怎么让图片自适应？css图片自适应大小的方法介绍
对于一个网页来说,有一张好看又清晰的背景图片是非常吸引人的,但是并不是每张图片都是有相同的大小,所以就需要晒西安图片的自适应,那么,css怎么让图片自适应呢?本篇文章将来介绍关于css图片自适应大小的 ...
Vue 之解决v-html生成的元素不能触发@click等vue事件和CSS样式不生效的方法
一.简介官方文档: 通过上面官方文档的介绍我们可以得知两个重点: ① 通过v-html生成的页面元素,不会被当做Vue模板进行编译,只会作为普通的html代码被插入,也就是说通过v-html插入的h ...
css清除浮动无效,css清除浮动的处理方法
根据<精彩绝伦的css> JS Bin .news{ outline:1px solid pink } .col{ float: left; width:33%; outline:1px ...
html自动序号函数代码,css实现自动编号的方法是什么
css实现自动编号的方法是什么发布时间:2020-08-29 14:54:59 来源:亿速云阅读:107 作者:小新 css实现自动编号的方法是什么?这个问题可能是我们日常学习或工作经常见到的.希 ...
html怎么建立css文件,怎么创建css文件
如何新建css文件文件→新建→css文件,建好之后,在html文档中将其引入: 希望对你有帮助,望喜欢. css怎么建立外部样式表? 建立外部样式表很简单,就在html的head里写至于你上边说的一 ...

创建CSS和处理的一些方法

创建CSS和处理的一些方法相关推荐

最新文章

热门文章