1、 id選擇器css樣式,css怎么使用id規則遍歷?
html的id屬性可以在文檔中的任何位置被使用,但必須要遵循一些規則:
1、id屬性的值必須是以字母(az或AZ)開頭,例:
<p id="p">測試文字</p>
<p id="A">測試文字</p>
說明:id屬性的值是大小寫敏感的
2、后續字符可以是字母,數字(0-9),連字符( - ),下劃線(_)
<p id="pa">測試文字</p>
<p id="A1">測試文字</p>
<p id="p-a">測試文字</p>
<p id="A_1">測試文字</p>
3、每個id屬性值在文檔中必須是唯一的
這樣就可以方便我們通過這個id屬性值來確定了Web站點的唯一元素,就可以使用css或者js來操作這個唯一元素,例:設置元素樣式、修改元素中包含的內容等等。
2、 css中h1是什么選擇器?
.h1是類選擇器
#h1是id選擇器
h1是標簽選擇器
3、 JS設置CSS樣式?
javascript改變CSS樣式分為局部和全局,分別如下: 一、局部改變樣式 有三種方法:直接改變樣式、改變className和改變cssText 改變className: document.getElementById('obj').className="…" 改變cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改變直接樣式: document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改變樣式 通過改變外鏈樣式的的href的值實現網頁樣式的實時切換,也就是"改變模板風格"。 首先需要賦予需要改變的目標一個id,如 代碼如下: <link rel="stylesheet" type="text/css" id="css" href="firefox.css" /> 調用時很簡單,如 代碼如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">點我改變樣式</span>
4、 css樣式不可以重復使用嗎?
是的。
css樣式不可以重復使用。
這是因為,外部CSS樣式和內部css樣式同時存在,以內部css樣式為準。
內部css樣式與標簽的style屬性同時存在,以style屬性的樣式為準。
所以,CSS類的優先級更高,如果存在相同的樣式屬性,CSS類中的定義的樣式會覆蓋掉。