css样式基本选择符,css选择符的概念

css选择符有哪些?

1：id选择器（#myid）;

2:类选择器（.classname）;

3:标签选择器（div,h1,p）;

4:相邻选择器（h1+p）;

5:子选择器（ulli）;

6:后代选择器（li a）;

7:通配符选择器（*）;

相关问答

Q1: css选择符的选择符分类介绍

1.通配选择符

语法：

* { sRules }

说明：

通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。

假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。

示例：

*[lang=fr] { font-size:14px; width:120px; }

*.div { text-decoration:none; }

2.类型选择符

语法：

E { sRules }

说明：

类型选择符。以文档语言对象(Element)类型作为选择符。

示例：

td { font-size:14px; width:120px; }

a { text-decoration:none; }

3.属性选择符

语法：

E [ attr ] { sRules }

E [ attr = value ] { sRules }

E [ attr ~= value ] { sRules }

E [ attr |= value ] { sRules }

说明：

属性选择符。

选择具有 attr 属性的 E

选择具有 attr 属性且属性值等于 value 的 E

选择具有 attr 属性且属性值为一用空格分隔的字词列表，其中一个等于 value 的 E 。这里的 value 不能包含空格

选择具有 attr 属性且属性值为一用连字符分隔的字词列表，由 value 开始的 E

示例：

h{ color: blue; } /* 所有具有title属性的h对象 */ span[class=demo] { color: red; } div[speed=fast][dorun=no] { color: red; } a[rel~=copyright] { color:black; } 4.包含选择符语法：E1 E2 { sRules }说明：包含选择符。选择所有被 E1 包含的 E2 。即 E1.contains(E2)==true 。 示例：　table td { font-size:14px; }

div.sub a { font-size:14px; }

5.子对象选择符

语法：

E1 E2 { sRules }

说明：

子对象选择符。选择所有作为 E1 子对象的 E2 。

示例：

body p { font-size:14px; }

/* 所有作为body的子对象的p对象字体尺寸为14px */

div ulli p { font-size:14px; }

6.ID选择符

语法：

#ID { sRules }

说明：

ID选择符。以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符。

示例：

#note { font-size:14px; width:120px;}

7.类选择符

语法：

E.className { sRules }

说明：

类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。请参阅属性选择符( Attribute Selectors )。

在IE5+，可以为对象的 class 属性(特性)指定多于一个值( className )，其方法是指定用空格隔开的一组样式表的类名。例如：div class=class1 class2。

示例：

div.note { font-size:14px; }

/* 所有class属性值等于（包含）note的div对象字体尺寸为14px */

.dream { font-size:14px; }

/* 所有class属性值等于（包含）note的对象字体尺寸为14px */

8.选择符分组

语法：

E1 , E2 , E3 { sRules }

说明：

选择符分组。将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。

示例：

.td1,div a,body { font-size:14px; }

td,div,a { font-size:14px; }

9.伪类及伪对象选择符

语法：

E : Pseudo-Classes { sRules }

E : Pseudo-Elements { sRules }

说明：

伪类及伪对象选择符。

伪类选择符。请参阅伪类( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。

伪对象选择符。请参阅伪对象( Pseudo-Elements )[:first-letter :first-line :before :after]。

示例：

div:first-letter { font-size:14px; }

a.fly :hover { font-size:14px; color:red; }

Q2: css选择符类型有哪些？

1、标签选择符：

如p{color:#F00; font-size:36px;}，使用p直接作用/p

2、类选择符：

如 .red{color:#C00;}，使用p class="red"直接作用/p

3、ID选择符：

如 #two{color:#600; font-family:'汉仪行楷简';}，使用p id="two"直接作用/p

4、包含选择符：

如 p strong{color:#F00;}，使用pstrong直接作用/strong/p

5、通配选择符：

如 *{color:#0C0; font-size:18px;}，可以控制所有的html元素作用范围很广，但是效率较低

6、选择符分组：

如p,h1,div{color:#F00;font-size:36px;}，对p,h1,div都有效

7、标签指定式选择符：

如p#one{ color:#F00;font-size:36px;}，只对id为one的p标签有效

8、组合选择符：

将所有选择符类型组合使用

Q3: CSS主要有三种选择符,是什么

CSS选择器以及选择器优先级

需要掌握优先级的选择器种类

id选择器

类名选择器

标签名选择器

伪类选择器

通配符选择器

除了上面提到的几种基本选择器之外，我们还需要了解由基本选择器组成的群组、后代选择器的计算方法。

Q4: css有哪几种选择符以及css优先级规则

比较多哟，给你说下几种比较常见的吧：

1、优先级最高的是内部选择器，写在标签内部，例如div style="color:red"/div，这里的color=red是写在标签内部的，所以优先级最高

2、其次是id选择器

例如div id="d1"/div style #d1{ color:red }/style，这里面#d1就是id选择器，用#表示, 标签里面是id属性 样式是#开始

3、类选择器

例如div class="c1"/div style .c1{ color:red }/style，这里面.c1就是类选择器，用.表示，标签里面是class属性，样式是 . 开始

4、标签选择器

以标签名字作为选择器，这种不常使用

例如：divdiv pp

样式对应：div{ font-size:14px } p{font-size:20px}

由标签选择器，类选择器，id选择器，还可以延伸出很多选择器，详细的可查询w3c哟

Q5: CSS选择符有哪些？

1.id选择器（ # myid）

2.类选择器（.myclassname）

3.标签选择器（div, h1, p）

4.相邻选择器（h1 + p）

5.子选择器（ul li）

6.后代选择器（li a）

7.通配符选择器（ * ）

8.属性选择器（a[rel = "external"]）

9.伪类选择器（a:hover, li:nth-child）【by三人行慕课】