CSS选择器学习笔记

猫性***

1 CSS元素选择器：

[backcolor=rgb(255, 255, 255) !important]

[backcolor=rgb(255, 255, 255) !important]

1	html{color:black;}

[backcolor=rgb(248, 248, 248) !important]

2	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

3

[backcolor=rgb(248, 248, 248) !important]

4	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

5	h1{margin:0;}

2 选择器分组：

[backcolor=rgb(255, 255, 255) !important]

[backcolor=rgb(255, 255, 255) !important]

1	h1,h2,p{margin:0;padding:0;}

3 通配符选择器：

[backcolor=rgb(255, 255, 255) !important]

[backcolor=rgb(255, 255, 255) !important]

1	* {color：red；}

4 类选择器：

[backcolor=rgb(255, 255, 255) !important]

[backcolor=rgb(255, 255, 255) !important]

01	.hand{text-align:center;vertical-align:middle;}

[backcolor=rgb(248, 248, 248) !important]

02	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

03

[backcolor=rgb(248, 248, 248) !important]

04	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

05	*.hand{color: blank;}

[backcolor=rgb(248, 248, 248) !important]

06	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

07

[backcolor=rgb(248, 248, 248) !important]

08	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

09	p.hand{cursor:pointer;}

[backcolor=rgb(248, 248, 248) !important]

10	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

11

[backcolor=rgb(248, 248, 248) !important]

12	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

13	h.hand{margin:0 auto;};

5 多类选择器

[backcolor=rgb(255, 255, 255) !important]

[backcolor=rgb(255, 255, 255) !important]

01	<p class="important warning">

[backcolor=rgb(248, 248, 248) !important]

02	<!-- lang: html -->

[backcolor=rgb(255, 255, 255) !important]

03

[backcolor=rgb(248, 248, 248) !important]

04	<!-- lang: html -->

[backcolor=rgb(255, 255, 255) !important]

05	This paragraph is a very important warning.

[backcolor=rgb(248, 248, 248) !important]

06	<!-- lang: html -->

[backcolor=rgb(255, 255, 255) !important]

07

[backcolor=rgb(248, 248, 248) !important]

08	<!-- lang: html -->

[backcolor=rgb(255, 255, 255) !important]

09

</p>

[backcolor=rgb(248, 248, 248) !important]

10

[backcolor=rgb(255, 255, 255) !important]

11

[backcolor=rgb(248, 248, 248) !important]

12

[backcolor=rgb(255, 255, 255) !important]

13

[backcolor=rgb(248, 248, 248) !important]

14	<!-- lang: css -->

[backcolor=rgb(255, 255, 255) !important]

15	.important.warning {background:silver;}