问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

css自定义类之间可以继承吗

发布网友 发布时间:2022-04-21 21:33

我来回答

3个回答

懂视网 时间:2022-05-13 07:16

	父子关系	 	

祖国的首都北京


北京继承了父类

的下划线,我现在想去掉北京的下划线 ,要怎么做
我想要 继承父类 除了下划线的其他属性。能实现吗?


回复讨论(解决方案)

继承的话其实是正确的,你在取消的子级的下划线,此时,子级没有下划线,你看到的其实是父级的,因为你的em包含在父级里,所以造成了错觉,一半在实际中这样的写法是不存在的。
要实现你说的效果的话就是反过来写,父级取消下划线,在子级需要的地方单独的去设置

	

祖国的首都北京

热心网友 时间:2022-05-13 04:24

绝对可以!子类没定义的样式,子类继承父类中定义的样式;子类定义的样式和父类相同,子类覆盖父类的样式

一、CSS类型

在给页面或页面元素应用样式时,CSS提供了三种方式,即CSS的三种类型:类、标签、和高级。

1、类

为了对网页格式的样式定义更为精确,有必要让相同的选择符(一般情况下为页面标记)也能分类,并能按照不同的类别进行不同的样式设计。类就是这样一种新的样式表示符,一句号(.)开头,并可以任意命名,如.title、.fontstyle等。它使CSS样式应用于选定的区域,若要在整个页面的相关区域应用CSS样式,则需要选择标签和高级方式。

2、标签

标签是将页面文件中的XHTML标记重定义。用标签定义的CSS样式设置完成后,改CSS样式马上生效。例如,定义段落标记<p>样式,可以使用标签类型。

3、高级

高级是将此时的CSS样式用于特定的XHTML标记组合或ID名,比如伪类选择符、ID选择符。关于伪类选择符,最常用的标记是锚标记<a>,用于该标记有4种伪类选择符:a:link、a:active、a:hover和a:visited,分别代表超级链接的链接状态、激活状态、鼠标移动到链接上的状态和访问过的状态。

二、CSS基础

1、基本语法

CSS样式表是由若干条样式规则组成的。每条样式规则由三部分构成:选择符(selector)、属性(properties)和属性的取值(value),基本格式如下:

selector

{

property1:value1;

property2:value2;

...

property:value

}

2、选择符组

有些标记的样式可以是相同的,这时选择符之间用逗号隔开,这样可以减少样式的重复定义。比如:

p,h3{font-family:隶书;color:green}

3、类选择符

使用类选择符能够为相同的标记定义不同的样式,也可以应用到不同的标记上。定义类选择符时,需要在自定义类的名称前加一个句号。例如,

p.red{color:red}

p.green{color:green}

应用如下,

<p class="red">红色</p>

<p class="green">绿色</p>

上面定义的类选择符是只适用于一种标记的,当然也可以将定义的类选择符应用于具有相同样式的不同标记。此时,类选择符中句号前就可以将标记名省略,例如:

.red{color:red}

<p class="red">段落样式</p>

<h3 class="red">标题样式</h3>

4、ID选择符

在很多方面,ID选择符类似于类选择符,但有一个重要的区别就是ID选择符前不是用句点,而是#号,例如:

p#fontstyle

{

color:red;

font-weight:hold;

font-size:large

}

#fontstyle

{

color:red;

font-weight:hold;

font-size:large

}

ID选择符同样可以为一个或多个标记定义样式,但这些标记不能是相同的。在页面中,只有具有ID属性的标记才能够使用ID选择符定义样式,所以与类选择符相比,使用ID选择符是有一定局限性的。

<p id="fontstyle">段落样式</p>

注:ID选择符局限性很大,只能单独定义某个元素的样式,一般只在特殊情况下使用。

5、伪类选择符

伪类选择符可以看作某种特殊的类选择符,是能被支持CSS的浏览器自动识别的特殊选择符。伪类选择符的最大作用就死后可以对链接的不同状态定义不同的样式效果。伪类选择符定义的样式常应用在定义锚标记<a>上,即锚的伪类选择符。

a:link{color:#FF0000}

a:visited{color:#00FF00}

a:hover{color:#0000FF}

a:active{color:#FF00FF}

伪类选择符还可以和类选择符组合使用,可以在同一页面中完成几组不同的链接效果。例如:

a.style1:link{color:#FF0000}

a.style1:visited{color:#00FF00}

a.style2:hover{color:#0000FF}

a.style2:active{color:#FF00FF}

6、继承与层叠

XHTML中的标记都是包含关系,从而可以形成树结构,所以子标记可以继承父标记的一些样式,也就是说,样式表的继承规则是外部的标记样式会保留继承该元素所包含的其它元素。

div{color:blue;font-weight:bold}

<div>

<p>

继承标记div的样式

</p>

</div>

在有些情况下,子标记出了继承父标记的样式外,还可以拥有自己的样式,例如:

div{color:blue;font-weight:bold}

p{font-size:large;color:red}

<div>

<p>

继承标记div的样式并拥有自己的样式

</p>

</div>

注:样式继承不用应用于表格标记<table>中

7、注释

同其它语言一样,在CSS中也可以使用注释标注代码,它是以“/*”开头,以“*/”结尾。

热心网友 时间:2022-05-13 07:17

可以的,子继承父

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
重磅|8月1日起 报关单的填法将重大改变 进出口权需要报关员么 宝宝被莫名的虫子咬了又红又肿又痒怎么? 北京疫情个为数是什么意思? 在做刀伤的手术时没有接上神经是医院的过错吗? 手术室收费项目有哪些 手术室的秘密:一台10万的手术,主刀医生拿多少?答案颠覆你的认知 阿里巴巴中修改产品信息只修改一小部分行吗?谢谢 可否给我一个阿里巴巴的序列号~谢谢了 阿里巴巴店铺产品搜索框代码谁有呢,给我发一下谢谢了! 往邮箱里面发简历怎么发 CSS自适应 怎么用邮箱发简历 CSS如何自定义文字位置? css 自适应问题 怎么在邮箱中发个人简历 CSS自定义模板 css怎么自适应宽度 用邮箱发简历有什么要注意的吗 自定义CSS 是什么? 用邮箱发简祝福的话 用邮箱发送简历的方法 怎么用邮箱发送个人简历 电脑广告拦截软件哪个好 计算机如何防止弹出广告? 如何缓解眼部疲劳? 如何快速缓解视觉疲劳 哪些图片可以缓解眼睛疲劳 如何缓解眼睛疲劳,保护视力? 如何去除眼疲劳? 怎么用邮箱发简历??? css样式自适应分辨率 发邮箱简历格式 邮箱发简历用什么格式 关于如何利用CSS自动调整图片的大小 用邮箱发简历邮件怎么写 如何在移动端实现纯css的自定义布局 个人简历怎么发送到邮箱 如何用CSS自定义鼠标显示的形状? 如何用CSS自定义鼠标显示的形状 css自适应三角形 css实现高度自适应? 如何添加CSS让页面自适应手机屏幕 苹果icloud怎么删除不需要的备份 css按钮自适应实现原理及代码 高二上学期数学学什么内容? 抖音上带着精灵耳朵在墙边光脚跳舞的女孩,皮肤有... 抖音里跳舞的那个女孩是怎样跳到飞机上去的呢又在... 怎么样能够查到自己有没有缴纳过社保 请问抖音里跳舞的那个女孩是谁 找一个抖音视频上跳舞的短发女孩