1. 程式人生 > 其它 >10.28html筆記

10.28html筆記

d(#),class(.)
id指令:#;class指令:

div#test

div.test
子節點(>),兄弟節點(+),上級節點(^)
子節點指令:>;兄弟節點指令:+;上級節點:^

div>ul>li>p
div+ul+p

div>ul>li^div(這裡的^是接在li後面所以在li的上一級,與ul成了兄弟關係,當然兩個^^就是上上級)
重複(*)
重複指令:*

div*5(*號後面新增數字表示重複的元素個數)
分組(())
分組指令:()

div>(ul>li>a)+div>p
(括號裡面的內容為一個程式碼塊,表示與括號內部巢狀和外面的的層級無關)
屬性([attr])——id,class都有
屬性指令:[]

a[href=’###’name=‘xiaoA’](中括號內填寫屬性鍵值對的形式,並且空格隔開)
一個$代表一位數,
就是兩位數了,以此類推就可以形成$(1),
(01),$$$(001)
如果想自定義從幾開始遞增的話就利用:$@+數字*數字
例如:ul>li.test$@3*3
文字({})
文字指令:{}

ul>li.test$*3{測試$}({裡面填寫內容,可以和$一起組合使用})
隱式標籤
這個標籤沒有指令,而是部分標籤可以不使用輸入標籤,直接輸入指令,即可識別父類標籤。

預設div例如:.test
li:可在ul和ol中使用例如:ul>.test$*3

<ul>
<liclass="test1"><li>
<liclass="test2"><li>
<liclass="test3"><li>
</ul>
option:可在select中使用例如:select>.test$*5

<selectname=""id="">
<optionclass="test1"></option>
<optionclass="test2"></option>
<optionclass="test3"></option>
<optionclass="test4"></option>
<optionclass="test5"></option>
<select>


tr:可在table、tbody、thead和tfoot中使用
td:可在tr中使用