css基础选择器有哪些

css基础选择器有哪些css基础选择器有哪些(熟记)一、选择器作用:规范了页面中哪些元素能够定义好样式,同时也能帮助我们去二、选择器分类1.通用选择器(只能放在样式表)1.作用:匹配页面上的所有元素 2.语法:* 3.*{ 属性:属性值; }2.元素择器1.作用:匹配页面上某个元素的样式2.语法: 3.元素名{ 属性:属性…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

css基础选择器有哪些(熟记)

一、选择器作用:规范了页面中哪些元素能够定义好样式,同时也能帮助我们去
二、选择器分类

1. 通用选择器(只能放在样式表)

    1. 作用:匹配页面上的所有元素 	  
      2. 语法:*
	 3. *{ 			
	  属性:属性值;
	  }

Jetbrains全家桶1年46,售后保障稳定

2. 元素择器
1. 作用:匹配页面上某个元素的样式
2. 语法:
3. 元素名{
属性:属性值;
}
3. 类选择器
1、作用:允许元素使用标签附带的class属性进行引用样式声明
2、特点:他是一段公共样式,谁想用,谁过来引用即可
3、语法:
.类名{
属性名:属性值;
}
4.注意:
1、类名不能以数字开头
2、类名不能包含特殊字符(?!- %)
5.特殊用法-分类选择器
1、作用:将元素选择器和类选择器结合在一起,从而实现对某种元素的不同样式的细分控制
2、语法:
元素选择器.类选择器{

样式声明;
}
6.特殊引用-多类选择器
1、作用:可以让一个元素同时引用多个类选择器,中间用空格隔开
2、语法:
<p class=“类名1 类名2 类名3”></p>
4. id选择器(专属定制效果,为了元素精准匹配)
1、作用:实现专属定制效果,为了元素精准匹配,只匹配指定ID值的元素
2、语法:
#id{

样式声明;
}

5. 群组选择器
1、选择器声明以逗号隔开的选择器列表,其目的是为了声明一组选择器的公共样式
2、语法:
选择器1,选择器2,选择器3,选择器4,{
样式声明;
}

6. 后代选择器

  1. 作用:用于匹配某元素的后代元素的样式
    后代:一级或者多余一级的父子(层级)关系
    注意:后代选择器之间用空格隔开
    2. 语法:
    选择器1 选择器2{
    样式声明;
    }

7. 子代选择器

1、作用:用于匹配某元素的子代元素,能够实现更精准的元素定位
2、语法:
选择器1>选择器2{
样式声明;
}
3、注意:子代选择器之间用大于号隔开

8. 伪类选择器
1、作用:匹配元素不同状态是的样式
2、语法:
选择器:伪类名称{ 样式声明 }
3、分类
1、链接伪类(只适用于超链接)
1、:link 匹配超链接未被访问时的状态
2、:visited 匹配超链接访问后的显示状态
2、动态伪类
1、:hover 匹配鼠标悬停在元素上的状态
2、:active 匹配元素被激活时的状态(多用于a标签)
3、:focus 匹配元素获取焦点时的状态(多用于文本框、密码框、多行文本域)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:http://www.javaforall.cn/234868.html原文链接:http://www.javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • opencv高斯金字塔_高斯求和公式

    opencv高斯金字塔_高斯求和公式一、图像金字塔图像金字塔是一种以多分辨率来解释图像的结构,通过对原始图像进行多尺度像素采样的方式,生成N个不同分辨率的图像。把具有最高级别分辨率的图像放在底部,以金字塔形状排列,往上是一系列像素(尺寸)逐渐降低的图像,一直到金字塔的顶部只包含一个像素点的图像,这就构成了传统意义上的图像金字塔。获得图像金字塔一般包括二个步骤:1.利用低通滤波器平滑图像 2.对平

    2022年10月15日
  • js 正则是否包含某些字符串_js判断字符串中是否包含某个字符串[通俗易懂]

    js 正则是否包含某些字符串_js判断字符串中是否包含某个字符串[通俗易懂]String对象的方法1)indexOf()推荐varstr=”123″;console.log(str.indexOf(“3″)!=-1);//trueindexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串没有出现,则该方法返回-1.2)search()varstr=”123”;console.log(str.search(“3”)!=-1)…

  • (6)JMeter元件详解之 While Controller条件控制器

    (6)JMeter元件详解之 While Controller条件控制器

  • linux系统添加静态路由命令_静态路由和默认路由小结

    linux系统添加静态路由命令_静态路由和默认路由小结linux下静态路由修改命令方法一:添加路由routeadd-net192.168.0.0/24gw192.168.0.1routeadd-host192.168.1.1dev192.168.0.1删除路由routedel-net192.168.0.0/24gw192.168.0.1add增加路由del删除路由-net设置到某个网段的路由-host设置到某台主…

  • 因子分析、主成分分析(PCA)、独立成分分析(ICA)——斯坦福CS229机器学习个人总结(六)[通俗易懂]

    因子分析、主成分分析(PCA)、独立成分分析(ICA)——斯坦福CS229机器学习个人总结(六)[通俗易懂]因子分析是一种数据简化技术,是一种数据的降维方法。因子分子可以从原始高维数据中,挖掘出仍然能表现众多原始变量主要信息的低维数据。此低维数据可以通过高斯分布、线性变换、误差扰动生成原始数据。因子分析基于一种概率模型,使用EM算法来估计参数。主成分分析(PCA)也是一种特征降维的方法。学习理论中,特征选择是要剔除与标签无关的特征,比如“汽车的颜色”与“汽车的速度”无关;PCA中要处理与标

  • vscode快捷键重置及快捷键恢复

    vscode快捷键重置及快捷键恢复在用vscode设置快捷键的时候,有的快捷键和自己设置的有重复和冲突现象,为了图方便我把与自己冲突的快捷键都删除了,结果导致键盘的删除按键用不了,相当于自己写的代码无法删除了。最后还是在官网上找到解决办法。 首先找到键盘快捷设置 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191128152918849.png) ![在这里插入图片描述](http…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号