2016 - 2025

感恩一路有你

id选择器与类选择器的语法 css复合选择器有哪三种?

浏览量:4489 时间:2023-05-02 09:09:34 作者:采采

css复合选择器有哪三种?

1.元素选择器标签名称{}

选择器#id属性值{}

3.类别选择器。类属性值{}

4.选择器分组(联合选择器)

功能:可以同时选择多个选择器对应的元素(通常用于集体声明)。

语法:选择器1,选择器2,选择器n{}

5.复合选择器(交叉点选择器)

功能:选择更精确、更精细的目标元素,并为其设置属性。

语法:选择器1选择器2选择器n{}

!注意,选择器之间不应该有空格,应该是相邻的。

6、通配符选择器

功能:用于选择页面中的所有元素。

语法:* {

7.后代元素选择器

函数:选择指定元素的指定后代元素。

语法:祖先元素后代元素{}

8.子元素选择器

函数:选择指定父元素的子元素。

语法:父元素gt子元素

9、伪类选择器

伪类表示元素的一种特殊状态。

:hov:visit:activ

熟练掌握并默写标记选择器的基本语法?

1.标签选择器主要用于HTML页面中的标签样式选择。例如,P选择器用于声明网页中用P标记的文本内容。类似地,H1选择器可以在页面中标记H1的风格。例如:

H1 { font-siz:14px

font-w:bold

Color:#ccc}上面的代码表示在所有应用H1选择器的地方,文本大小设置为14像素加粗,颜色设置为灰色。如果你想改变H1的颜色,只需改变颜色属性即可,例如,将颜色设置为# E7Efe,以与网页的其他部分相协调。

2.类别选择器

这是一种最常用的选择器,用来定义网页中需要特殊表达的样式。类别选择器的名称可以由作者自由定义。一般来说,类别选择器的命名最好有意义,这使得CSS代码更容易维护和阅读。例如,您可以使用。{道行}或者。nav{}定义导航。唐 不要使用短的或特殊的字符串,否则当你三天后再次阅读你的CSS代码时,你可能甚至不知道什么是样式!

类别选择器是一个CSS类,在HTML中表示为调用类。例如:

(1)在style.css文件中定义

。titl:10px

填充:2px5px} (2) HTML文件。

在上面的定义中,p标签引用CSS文件中的标题样式,并将其应用于整个p覆盖范围。p将显示为一个矩形,上、下、左、右边距为10px,上下填充为2px,左右填充为5px。

请注意类别选择器和标签选择器的CSS定义的区别:在CSS文件中,没有#34。标签选择器前面的#34。接下来我们就来说说ID选择器,它的定义也是不一样的。每个ID选择器样式前面都有一个# 34 # 34,以确保它是一个ID选择器,并且在HTML中由ID#34style#34引用。值得注意的是,一个标签可以同时应用多个类选择器,比如

具体可以在下面思考和做实验,笔者在此不举例。选择器(1)ID选择器和类的用法基本没有区别。它们的区别在于ID选择器在HTML页面中只能使用一次,而类可以被调用任意次。在CSS文件中,ID选择器通常被写成

# idname { bgcolor: # 339

Font-siz:16px}如果一个ID应用于多个HTML标签,可能会导致IE编译错误,而且由于ID选择器可以被JAVASCRIPT调用,多个ID会导致JAVA编译错误,崩溃!

(2)2)HTML的引用

HTML中引用ID选择器的代码如下:

并且ID选择器不能与类别选择器同时被标签调用。这也是完全错误的语法。复合选择器是由不同链接方法形成的基本选择器。

复合选择器是通过以不同链接两个或多个基本选择器而形成的选择器。

选择器 标签 元素 ID 语法

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。