首页技术css通用选择器,css三种基本选择器的用法

css通用选择器,css三种基本选择器的用法

编程之家2026-06-29679次浏览

大家好,今天小编来为大家解答以下的问题,关于css通用选择器,css三种基本选择器的用法这个很多人还不知道,现在让我们一起来看看吧!

css通用选择器,css三种基本选择器的用法

css选择器有哪些

1、类别选择器

2、标签选择器

3、ID选择器

4、后代选择器

5、子选择器

6、伪类选择器

css通用选择器,css三种基本选择器的用法

7、通用选择器

8、群组选择器

9、相邻同胞选择器

10、属性选择器

扩展资料:

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

css通用选择器,css三种基本选择器的用法

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

参考资料百度百科-css选择器

CSS的几种选择器麻烦告诉我

标记选择器:定义html或者xhtml标签的通用CSS样式,定义语句前无前缀。例如:<style>h1{ color:red}</style><h1>This is test.</h1>

类别选择器:通过定义单独的class来定义对应样式,定义语句前缀为'.'。例如:<style>

.red{ color:red}</style><p class="red">xxxxxx</p>

ID选择器:通过对应html元素的标签ID来定义对应样式,定义语句前缀为'#'。例如:<style>#firstPar{ color:red}</style><p id="firstPar">xxxxxx</p>复合选择器:另外,可以通过这几种选择器组合定义复合选择器,例如:<style>p{ color:red

} p.firstPar{ color:blue

}.firstPar{ color:green}</style><p>普通段落</p>

<p class="firstPar">第一段</p>

<h1 class="firstPar">第一段标题</h1>全局选择器:如果想要一个页面中所有html标记使用同一种样式,可以定义一种全局选择器:'*'。例如:<style>*{ color:red; font-size:10px}</style><p>普通段落</p>

<p>第一段</p>

<h1>第一段标题</h1>后代选择器:可以通过嵌套的方式,对特殊位置的html标记进行声明。后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。

css样式有哪几种选择器

CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

#id名{属性名:属性值;}

.class名{属性名:属性值;}

标签名{属性名:属性值;}

其中,他们之间又可以以不同的方式进行组合,如下:

后代选择器:父代名后代名{属性名:属性值;}

子代选择器:父代名>子代名{属性名:属性值;}

群组选择器:#name1,.name2,#name div{属性名:属性值;}

伪类选择器: name:伪类

通用(通配符)选择器:*{属性名:属性值;}……

常用的也就这些。

纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。

关于css通用选择器的内容到此结束,希望对大家有所帮助。

html中script标签怎么用 html中div标签用法大全代码解释器?代码编辑器下载