cssRuels和rules的區別

2021-07-24 09:25:08 字數 1262 閱讀 7004

對於cssrules和rules的區別：

在計算cssrules和rules的長度的時候，cssrules的單位是是對整條規則，而rules的單位是乙個選擇器。

下面進行**演示:



lang="en">


charset="utf-8">


titletitle>


.first,.second


.third


style>


head>


class="first">


div>


class="second">


div>


class="third">


div>


var cssrules=document.stylesheets[0].cssrules;


var rules=document.stylesheets[0].rules;


//測試長度


alert("cssrules: "+cssrules.length);


alert("rules: "+rules.length);


//在ie下的答案是cssrules:2   rules:3


//直接看答案吧！


var resultcssrules="resultcssrules: ";


var resultrules="resultrules: ";


for(var i=0;i1)+"#"+cssrules[i].selectortext+"\n";


}for(i=0;i1)+"#"+rules[i].selectortext+"\n";


}alert(resultcssrules);


alert(resultrules);


script>


body>


html>
對於cssrules和rules一般我們用的就是cssrules選擇器，rules的實現對於各瀏覽器的有偏差，不唯一，而cssrules是唯一的。指整條規則如:

.first,.second
而rules對於瀏覽器實現來說，有些是指乙個選擇器，而有些是指乙個規則：

就用上面這個css樣式來說：

針對選擇器就會被分解為:

.first
和

.first,.second
所以當要動態新增css樣式時就選擇用cssruels而不用rules.

udev和rules使用規則

本文以通俗的方法闡述 udev 及相關術語的概念 udev 的配置檔案和規則檔案，然後以 red hat enterprise server 為平台演示一些管理裝置檔案和查詢裝置資訊的例項。本文會使那些需要高效地 方便地管理 linux 裝置的使用者受益匪淺，這些使用者包括 linux 終端使用者 ...

cssRules 與 rules 的使用

當html中引用外部css樣式時，就不能通過document.style獲取屬性，而是需要通過document.stylesheets獲取屬性表物件即cssstylesheet物件，再從屬性表物件中獲取屬性與操作方法。獲取屬性的方法有兩種 1.cssrules 2.rules 通過列印csstext...

vue的rules表單驗證

在前端頁面開發中，經常需要用到表單驗證啊什麼的，現在試試vue提供的表單驗證 有可能是element ui的，我不太清楚 首先，看一下效果 怎麼樣，感覺還可以吧。ok，讓我們看一下實現流程。1.自定義驗證方法 驗證規則需要自己定義，當然，如果預設只需要判空的話，完全不用理會，可以直接上，此處，我是新...