java 字体选择器_常见CSS3选择器和文本字体样式汇总

常见的CSS3选择器包含：常用基本、属性、伪类、层级(组合)选择器，具体使用情况建议先阅读

常用的选择器有：标签、id、类、关联(通过父集找到子集)组合选择器，注意html页面中id是唯一的；基本选择器有(/*代表注释*/)，/*:first-child第一个元素*/，/*:last-child最后一个元素*/，/*:nth-child(n)第几个元素*/，/*::first-line 第一行*/，/*::first-letter 第一个单词/字符*/，然后层级选择器有a b后代，a>b子元素，a+b后面的元素(相邻选择器)，其次伪类选择器有:hover，:focus焦点，::selection更改鼠标选择文本背景色，最后属性选择器(属性选择器的目的在于可以直接把标签身上的一种属性拿来用)有基本选择器[属性]、基本选择器[属性=值]、 基本选择器[属性~=值]空格符隔开多个、 基本选择器[属性^=值]以什么开始、 基本选择器[属性$=值]以什么结束。(备注说明：教程是16年的，有些选择器的名称与现在的不是很一致，建议这里的基本选择器还是按照伪类来记，有关css选择器的四大分类以之前博文为主导，有不同地方欢迎留言评论，下面是一些有意思的的样式，就写出来展示了下).

1

2

3

4

5

6

CSS3选择器和文本字体样式

7

8 div::first-line{

9 color:#f90;

10 }/*第一行*/

11 div::first-letter{

12 font-style:italic;

13 font-size:24px;

14 }/*第一个单词/字符*/

15 .box>li:first-child{

16 list-style:square;

17 }/*第一个元素*/

18 .box>li:last-child{

19 list-style:none;

20 }/*最后一个元素*/

21 .box>li:nth-child(3){

22 list-style:lower-roman;

23 }/*第n个元素*/

24 div::selection{

25 background-color:red;

26 color:#FFF;

27 }/*::selection更改鼠标选择文本背景色*/

28 input{

29 outline:none;

30 }/*文本聚焦，更换默认边框颜色*/

31

32

33

34

35

1

36

2

37

3

38

4

39

5

40

41

42 “尽信书不如无书下一句：吾于《武成》，取二三策而已矣。出自《孟子》的《尽心章句下》， “尽信书，则不如无书” 这是精辟透脱的读书法，要求读者善于独立思考问题。”"It is better to write a letter without a book than the next sentence: I am in" Wu Cheng "and take two or three strategies.It is from the Mencius" Below the Heart Chapter "," It is better to have a letter than a book. " Readership requires readers to think independently. "43

44

45 焦点:

46

47

48