CSS

2019独角兽企业重金招聘Python工程师标准>>>

出于 http://www.w3cplus.com/css3/basic-selectors

1.css在屏幕上渲染html,xml

2.css选择器可分为3部分:

    2-1：基本选择器

    2-2：属性选择器

   2-3： 伪类选择器

2-1——基础选择器：

一、通配符选择器（＊）

二、元素选择器(E)

三、类选择器（.className）

四、id选择器（#ID）

五、后代选择器（Ｅ Ｆ）

六、子元素选择器(E>F)

七、相邻兄弟元素选择器(E + F)

八、通用兄弟选择器（Ｅ 〜 Ｆ）

九、群组选择器（selector1,selector2,...,selectorN）

2-2——属性选择器：

1. E[attr]：只使用属性名，但没有确定任何属性值；

2. E[attr="value"]：指定属性名，并指定了该属性的属性值；

3. E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；

4. E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；

5. E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；

6. E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value；

7. E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;

CSS的伪类语法和别的语法有点不一样，其主要有两种语法表达方式

E:pseudo-class {property:value}/*其中E为元素;pseudo-class为伪类名称;property是css的属性;value为css的属性值*/

E.class:pseudo-class{property:value}

一、动态伪类

二、UI元素状态伪类

三、CSS3的:nth选择器

4、:nth-last-child()

5、:nth-of-type

6、:nth-last-of-type

7、:first-of-type和:last-of-type

8、:only-child和:only-of-type

9、:empty

三、否定选择器（:not）

四、伪元素

转载于:https://my.oschina.net/lovemiao/blog/298331