css父子选择器 css选择器选择父元素

那么这个div就引用了2个类

再说一下如果一个对象重复引用相同一个属性 那么优先级高的会把优先级低的覆盖掉

纯手打 希望对楼主有所帮助 希望采纳

1、标签选择器（如：body,div,p,ul,li）

2、.类选择器（如：class="head",class="head_logo"）

4、全局选择器（如：号）

5、.组合选择器（如：.head .head_logo,注意两选择器用空格键分开）

6.继承选择器（如：div p,注意两选择器用空格键分开）

7、伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）

8、字符串匹配的属性选择符(^ $ 三种，分别对应开始、结尾、包含)

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器，下面是这三种选择器的基本用法

基本的是三类：

id选择器：

class选择器:

.class-name { color:red }

标签选择器：

li { color:red }

相互之间又可以进行各种组合：

.class-name ul li { float：left}

子代选择器:

.class-name>cld-name { color:red }

群组选择器:

#id-name, .class-name, div { font:400 12px/12px arial }

伪类选择器:

class-name:hover{ color:red }

属性选择器:

input[type=text] {backgroun:#ccc}

.class-name [class ="na"]{vertical-align:middle}

ID选择器，类选择器，下代选择器，子代选择器，伪类选择器等：

#content;

.content;

.content a;

.content>a;

.content:first-child

css有哪些选择器

| [ attribute ] | [target] | 选择带有 target 属性所有元素。 | 2 |

1 、类别选择器

2 、标签选择器

3 、ID选择器

4、 后代选择器

5、 子选择器

6 、伪类选择器

7 类选择器 10、通用选择器

8 、群组选择器

9 、相邻同胞选择器

扩展资料：

一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式，(在大环境中你可能处于不同的位置，

但是不管怎么样，你总是穿着同一套衣服，这件衣服就是由标签选择器事先给你限定好的，不管走到哪里都是这身衣服)比如，在style.css文件中对p标签样式的声明

参考资料

CSS3中选择器有哪些语法

处理：font-family:“不存在的字体”,"备选字体"；--设置备选字体，可设置多个备选字体

今天给大家介绍一下在CSS3中的常用选择器语法，语法一般分为三种，基本选择器语法，层次选择器语法和动态伪类选择器语法。下面就给大家详细的解读一下。

注意：

1，基本选择器语法

(2)E 元素选择器 选择指定类型的HTML元素

#id ID选择器 选择指定ID属性值为“id”的任意类型元素

.class 类选择器 选择指定class属性值为“class”的任意类型的任意多个元素

2，层次选择器语法

(1)E F 后代选择器（包含选择器） 选择匹配的F元素，且匹配的F元素被包含在匹配的E元素内

(2)E>F 子选择器 选择匹配的F元素，且匹配的F元素所匹配的E元素的子元素

(3)E+F 相邻兄弟选择器 选择匹配的F元素，且匹配的F元素紧位于匹配的E元素的后面

(4)E~F 通用选择器 选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素

3，动态伪类选择器语法

(1)E:link 链接伪类选择器 选择匹配的E元素，而且匹配元素被定义了超链接并未被访问过。常用于链接描点上

(2)E:visited 链接伪类选择器 选择匹配的E元素，而且匹配元素被定义了超链接并已被访问过。常用于链接描点上

(3)E:active 用户行为选择器 选择匹配的E元素，且匹配元素被激活。常用于链接描点和按钮上

(4)E:hover 用户行为选择器 选择匹配的E元素，且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover

(5)E:focus 用户行为选择器 选择匹配的E元素，而且匹配元素获取焦点 相信看了以上介绍你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

用H5制作烟花粒子的制作方法

让div宽度自适应教学

网页中使用h标签的开发经验

css 的多个选择器中哪个最实用？为什么？

一般情况下，（ 外部 样式）External style sheet <（ 内部 样式）Internal style sheet <（ 内联 样式）Inline style

在 CSS 中，有多种选择器可以使用。最常用的选择器之一是类选择器，它可以通过 class 属性来选择元素。另一个常用的选择器是 ID 选择器，它可以通过 id 属性来选择元素。此外，还有其他的选择器，如标签选择器、伪类选择器、属性选择器后代选择器:等等。

在css中div>span和div span有什么区别

style写在head中间，type="text/css"可以不用写，默认就是这个。

div >span是子选择，div span是后代选择，具体不同你可百度css子选择器。

如果您需要选择一个元素并对其应用样式，则应使用体和最特定的选择器。例如，如果您想要选择一个具有特定 ID 的段落元素，则应使用 ID 选择器。如果您想要选择一个具有特定类的段落元素，则应使用类选择器。如果您想要选择一个具有特定属性的元素，则应使用属性选择器。

说一下不一样的地方，代码结构如下：

div >span只会选择1的那个span，div span则会选择所有span

CSS-属性&&选择器

1、className是可以重复的

CSS选择器、CSS属性

css选择器种类有：

规定文字样式、粗细、大小、字体的属性

1、字体不存在用户电脑上时：

不处理时，使用用户电脑系统默认字体

2、一串字符串既有中文，又有英文时，如何设置两种字体

英文字体是中文字体的子集。【意思是：英文字体不能处理中文，中文字体可以处理英文】

文本装饰、文本对齐，文本缩进的属性

文本装饰-文字的下划线，中划线等

文本缩进：

格式：

p{

font:20px,"楷体"

}标签选择器选中的是页面中所有的该标签

作用：根据指定的id名称找到对应的标签，然后设置属性。（标签选择器选中的是全部的同类标签）

步：给需要设置的标签设置id，

第二步：

1、id在同一页面是的

2、id名是有规范的，只能是字母，数字和下划线，不能使用数字开头，不能使用HTML的标签名

3、如果仅仅是为了设置样式，不需要使用id，而是使用类选择器，id是留给js使用的。

根据指定的类名称找到对应的标签，然后设置属性

步：给需要设置的标签设置className，

第二步：

2、className名是有规范的，只能是字母，数字和下划线，不能使用数字开头，不能使用标签名

3、如果仅仅是为了设置样式，不需要使用id，而是使用类选择器，id是留给js使用的。

4、同一个HTML变迁可以有多个classname

1、id使用“,”class使用#

2、class相当于人名，所以同一个页面上的HTML标签可以有一样的className；

id相当于，所以同一个页面上的HTML标签不可以有一样的id；

3、class相当于人名，所以，一个HTML标签可以有多个Class

id相当于，所以，一个HTML标签只能有一个id

4、一般情况下设置样式，使用class；如果需要js配合，使用id

格式：

先祖位置可以是HTML标签，可以是class名，可以是id

后代位置可以是HTML标签，可以是class名，可以是id

可以随意组合

只会查找直接子元素

格式：

1、都可以使用HTML标签、id名、class名

1、后代使用空格，子使用>

2、后代可以选取指定标签的所有特定标签，包括子、孙；而子只能选取指定标签的特定子标签

定义：两个选择器相交的部分

格式：

选择器1选择器2{

}选择器1和选择器2之间没有任何符号，没有空格，没有>

选择器1和选择器2之间有逗号。

相邻：选择器1+选择器2，给紧跟着选择器1后面的选择器2设置样式

通用：选择器1~选择器2，给选择器1后面的所有选择器2设置样式

1.同级别的第几个

:first-child 选中同级别中的个标签

:last-child 选中同级别中的一个标签

:nth-child(n) 选中同级别中的第n个标签【n的值可以是数值，可以是“odd”、“n”,也可以是表达式，比如xn+y】

:nth-last-child(n) 选中同级别中的倒数第n个标签

:only-child 选中父元素中的标签

注意点: 不区分类型

2.同类型的第几个

:first-of-type 选中同级别中同类型的个标签

:nth-of-type(n) 选中同级别中同类型的第n个标签

:nth-last-of-type(n) 选中同级别中同类型的倒数第n个标签

:only-of-type 选中父元素中类型的某个标签

| [ attribute ~= value ] | [title~=flower] | 选择 title 属性包含单词 "flower" 的所有元素。 | 2 |

| [ attribute |= value ] | [lang|=en] | 选择 lang 属性值以 "en" 开头的所有元素。 | 2 |

| [ attribute ^= value ] | a[src^="s"] | 选择其 src 属性值以 "s" 开头的每个 元素。 | 3 |

| [[ attribute =value] 选择器") | a[src$=".pdf"] | 选择其 src 属性以 ".pdf" 结尾的所有 元素。 | 3 |

| [ attribute = value] | a[src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original="abc"] | 选择其 src 属性中包含 "abc" 子串的每个 元素。 | 3 |

1、属性的取值是以什么开头的

[ attribute |= value ]----------------CSS2

2、属性的取值是以什么结尾的

3、属性的取值是否包含某个特性的值的

[attribute~=value]

{

}

css 子元素选择器 怎么不起作用？？

10、 属性选择器

首先，你设置的.n>li就是n的孩子li的意思，但是你的【网盘】、【地图】、【搜索】三个刚刚好又是属于.n>li里面的内容，所以它就是显示了红色，

你要解决这个问题，方法有很多种，给你的 【网盘】、【地图】、【搜索】这三个li添加一个类名，设置新的属性去覆盖它，或者你在加一个.n>li>ul>li{设置样式 }，但是这样都是不太对的方法，会导致样式覆盖的问题。

一般我们开发的时候为了避免出现这样的问题都会给他们指定一个类名，这样就不会出现样式:last-of-type 选中同级别中同类型的一个标签冲突的问题了。

CSS 选择器是如何被解析的？

| [ a#div02,p 就是说 ID div02 和 p都起作用ttribute = value ] | [target=_blank] | 选择 target="_blank" 的所有元素。 | 2 |

CSS选择器是用来选择HTML元素的一种方法。CSS选择器有四种类型：元素选择器、类选择器、ID选择器和属性选择器。CSS解析器会从右到左解析CSS选择器，首先匹配最右边的规则，然后是左边的规则，直到找到个匹配的规则为止。