css子元素选择器,css选择器子选择器

二、CSS之——选择器

1、类选择器：通过类名来选取元素，使用 . 符号来定义，例如 .my-class 表示所有具有 my-class 类名的元素。

2、通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器（E）元素选择器，是css选择器中最常见而且最基本的选择器。

3、子选择器（ EF ）是选择 E 元素的所有子后代 F 元素，注意 F 元素仅仅是 E 元素的子元素而已。

4、简易属性选择器只顾其名不顾其值，这是CSS样式表中简易属性选择器的特点。h1[class]{color：silver；}将会作用于任何带class的h1元素，不管class的值是什么。所以Hello、Serenity、Fooling的h1都会受到这条规则的影响。

5、HTML文档的元素名称就是元素选择器。 1）语法，例如：htmlcolor：black；、h1{color：blue；}、p{color：silver；} 2）缺点：不同的元素样式相同，即不能跨元素。所以做不到同一类元素下的细分。

6、CSS的选择器可以分为三类，即id选择器、class选择器、标签选择器。h5的有点如下 H5的最显著的优势在于跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。

2),常用的CSS选择器有哪些?

类型选择器 CSS中的一种选择器是元素类型的名称。使用这种选择器（称为类型选择器），可以向这种元素类型的每个实例上应用声明。例如，以下简单规则的选择器是H1，因此规则作用于文档中所有的H1元素。

CSS选择器有如下几种：元素选择器：通过元素名称选择元素。类选择器：通过元素的class属性选择元素。ID选择器：通过元素的id属性选择元素。属性选择器：通过元素的属性选择元素。

标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

css3有哪些选择器?

1、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

2、兄弟选择器（ E~F ）是 CSS3 新增选择器，代表 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面，但是不用相邻。

3、empty p：empty 选择没有子元素的每个 元素（包括文本节点）。：target #news：target 选择当前活动的 #news 元素。：enabled input：enabled 选择每个启用的 元素。

4、resize：可以由用户自己调整div的大小，有horizontal（水平）vertical（垂直）或者both（同时），或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局。

5、如果只是个视觉修饰而不是逻辑功能的话，能用css实现的效果就不要用js去做，css3的选择器：nth-of-type（）可以判断奇偶，虽然有可能低版本IE不支持，但是视觉效果的话低版本放弃就完了。

css选择器知识归纳

标签选择器：通过标签名称来选取元素，例如 p 表示所有段落。类选择器：通过类名来选取元素，使用 . 符号来定义，例如 .my-class 表示所有具有 my-class 类名的元素。

css样式中最常用的四个伪类选择器分别是： `：hover`：这个伪类选择器用于选择鼠标指针悬停在上面的元素。例如，如果你有一个链接，当你把鼠标指针悬停在链接上时，链接的颜色可能会改变。

a{ color： #f60；} 伪类选择器 a：hover{ color： #f00；} 伪元素选择器 a：after{ clear： both；} 属性选择器 input[type=checkbox]{ margin-left： 10px；} css3选择器 由于ie的问题，比较常用的是前4种选择器。

CSS样式表中属性选择器四种格式属性选择器（AttributeSelectors），或许你不应该对属性选择器感到生疏，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值（value）而已。