CSS常用选择器（通配符选择器，标签选择器，类选择器，id选择器.....），你知道多少？

CSS常用选择器

CSS选择器的作用是从HTML页面中找出特定的某类元素，而常用的CSS选择器有如下几类，一起来看看吧！

一、通配符选择器

通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。

基本语法格式：*{ 属性1：属性值1；属性2：属性值2；}

例子
使用该选择器定义样式，清除所有HTML标记的默认边距。

*{
margin：0；       /*定义外边距*/
padding：0；     /*定义内边距*/
}

但实际开发中不建议使用通配符选择器，因为它设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，反而降低了代码的执行速度。

二、标签选择器

标签选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标签指定统一的CSS样式。

基本语法格式：标签名{ 属性1：属性值1；属性2：属性值2；}

所有的HTML标记名都可以作为标签选择器，例如a、body、p、h1等等。用标签选择器定义的样式对页面中该类型的所有标签都有效。

例子
使用p选择器定义HTML页面中所有段落的样式。

p{ font-size: 12px; color: #666; font-family:"微软雅黑"; }

标签选择器

CSS常用选择器（通配符选择器，标签选择器，类选择器，id选择器.....），你知道多少？相关推荐

前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
前端的那些基本标签
[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？
[css] 标签.class和id选择器三者的区别是什么?分别在什么时候用? 标签选择器:tag{} 选取对应的标签例如 a span div class选择器:.class-name{} 选取对应c ...
html:(27):类和ID选择器的区别和子选择器
类和ID选择器的区别学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID ...
CSS - 类型、类和ID选择器 - 个人笔记
类型选择器类型选择器也叫元素选择器或标签名选择器,因为它在文档中选择了一个HTML标签/元素的缘故.在下面的示例中,我们已经用了span.em和strong选择器,<span>.< ...
html类选择器和id选择器,类和ID选择器的区别
学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用 ...
css 获取第一个a标签,CSS-伪类获取除第一个之外的其他子元素
若实现效果如下,css伪类可以把握的死死的↓↓↓ 举个栗子: 1 2 3 方法一: :not(selector) 选择器匹配非指定元素/选择器的每个元素. :first-child 选择器用于选取属于 ...
CSS选择器（id选择器，包含选择器，标签名选择器，类选择器，属性选择器，通配符选择器，伪类选择器，相邻选择器，选择器的优先级，子选择器）
CSS选择器 HTML:定义网页元素 CSS:美化网页元素,控制HTML标签展示样式 CSS与HTML相结合,结合方式如下: (1)内联样式:CSS代码复用性太低,书写凌乱,不推荐,缺点就是一次只能控 ...
html类选择器和id选择器,CSS Id 和 Class选择器
CSS Id 和 Class选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 一.id 选择器 id 选择 ...
CSS ID选择器与类选择器的区别
CSS中ID选择器与类选择器的用法看起来很相似,但是它们有以下两个区别 1.原则上ID选择器只能使用一次,而类选择器可以不限次数使用 <html> <head><styl ...
CSS新增的属性、结构伪类选择器，帮你快速找到那个对的人
文章目录前言一.属性选择器二.结构伪类选择器总结前言今天学会了这几个新的选择器会为我们节省很多代码,简化HTML结构,对于起名困难户也会有很大的帮助. 提示:以下是本篇文章正文内容,下面案 ...

CSS常用选择器（通配符选择器，标签选择器，类选择器，id选择器.....），你知道多少？

CSS常用选择器

CSS常用选择器（通配符选择器，标签选择器，类选择器，id选择器.....），你知道多少？相关推荐

最新文章

热门文章