CSS样式的优先级详解
在做网页开发,基本上都会处理CSS样式的,css样式的优先级大家都弄清楚了吗?如果不清楚,自己写的样式为什么被覆盖了都不知道的。下面一起来了解下。
操作方法
(01)同级别的样式,后面写的样式,肯定会比前面的更优先。(在样式里不添加!important属性的情况)代码如图
(02)运行页面,可以看到我们第一个p的文字颜色是后面定义的红色,优先级高,把前面定义的黒色覆盖了。
(03)如果把样式类名,改成用ID定义的样式呢,如图
(04)可以看到,现在第一个p的文字是黑色的,虽然用ID定义的样式是先写,但ID比类具有更高的优先级,后写的类样式覆盖不了这个ID定义的样式。
(05)在用类做样式定义时,层级较多的,优先级比层级少的更高,代码如图,第一个样式用了二层去定义类为A的样式,它比第二个样式(层级只有一层)有更高级别。
(06)运行后,可以看到现在文字的样式是第一个样式定义的蓝色字体。
(07)再介绍一种比较特殊的情况,就是样式里加了 !important属性的样式,是优先级最高的,不管是ID定义的样式,还是层级较多的类定义的样式,都比这个属性的优先级低。代码如图
(08)运行页面后,可以看到,现在第一个p的文字是红色,就是加了 !important属性的样式定义的颜色,该样式优先级最高。
-
CAD如何标注倒角
我们在CAD里进行标注时,会对倒角进行标注,下面我们就一起来看看在CAD里如何对倒角进行标注的吧。操作方法(01)在桌面上双击CAD的快捷图标,打开CAD这款软件,进入CAD的操作界面,如图所示:(02)在该界面按下Ctrl+O键打开选择文件对话框,在该对话框打开我们需要标注的图形文件,...
-
怎么在电脑中放入光盘
还是有很多老年人习惯使用光碟,怎么在电脑中放入光碟,小编给你指南。操作方法(01)放入光碟的设备叫做光驱,光驱长这个样子,如图所示:(02)按下图中所示的按钮,光驱架会弹出来。如图所示:(03)光驱架弹出来后,就可以将光碟放入光驱里,然后重新按下光驱弹出的按钮。如图所示:(04)稍等...
-
斐讯(phicomm)无线路由器怎么设置
无线路由器的种类有很多,WiFi对人类生活越来越重要,每种无线路由器的设置不同,小编在这里给大家介绍一下斐讯(phicomm)无线路由器怎么设置。操作方法(01)将插在电脑上的网线拔掉,用额外准备的网线一头连接电脑一头连接路由器数字口,下面的“LAN口”都可以,把刚刚从电脑...
-
捷渡D620行车记录仪更换电池
三年前中奖的捷渡D620,一直放在柜子里,前两天拿出来用,日期、时间设置完后,停车熄火时间后重新发动车子,显示回原来出厂设置的时间(2012年1月1日)。经过查找资料,确认捷渡D620有内置电池,判断是电池失效。某宝买了电池,直接拆机更换。操作方法(01)用吹风筒热风模式拼命吹记...