首页 > 开发 > CSS > 正文

CSS选择器种类及及其使用介绍

2024-07-11 08:51:46

字体：大中小

来源：转载

供稿：网友

首先说主要都有哪些先择器

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

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

3.ID选择器（如：id="name",id="name_txt"）

4.全局选择器（如：*号）

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

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

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

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

在标签内写入style=" "的方式，应该是CSS的一种引入方式，而不是选择器，因为根本就没有用到选择器。

我们分别来看下这些选择器：

1：标签名选择器

一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。

复制代码

上一篇：css实现tab效果仿163邮箱样式

下一篇：多class应用同一个元素时前后声明的class规则将会怎样

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注