CSS3 共用属性是否可以继承？

Web 开发 > HTML(CSS)
收藏 回复
[问题点数：20分，结帖人baidu_23677379]
更多帖子
私信 空间 博客
baidu_23677379
等级
本版专家分：0
结帖率 91.67%
.BtnOkay /* 黄 */ {
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    color: #FFFFFF;
    border: 0px;
    background-color: #FBBB13;
    background-repeat: no-repeat;
    background-position: 98% 48%;
    cursor: pointer;
}

.BtnLogin /* Steam绿 */ {
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    color: #FFFFFF;
    border: 0px;
    background-color: #9DC807;
    background-repeat: no-repeat;
    background-position: 98% 48%;
    cursor: pointer;
}



根本只有颜色不一样，其他属性都一样

找不到可以继承的相关文章

只觉得程式码这样很脏，因为一堆一样的Code
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
天际的海浪
等级
本版专家分：159721
勋章
Blank
签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
GitHub 绑定GitHub第三方账户获取
Blank
进士 2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
Blank
银牌 2019年1月 总版技术专家分月排行榜第二 


.BtnOkay , .BtnLogin  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}



.BtnOkay /* 黄 */ {

    background-color: #FBBB13;

}



.BtnLogin /* Steam绿 */ {

    background-color: #9DC807;

}
只看TA 引用 举报 #1得分 10
更多帖子
私信 空间 博客
baidu_23677379
等级
本版专家分：0
引用 1 楼 jslang 的回复:


.BtnOkay , .BtnLogin  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}



.BtnOkay /* 黄 */ {

    background-color: #FBBB13;

}



.BtnLogin /* Steam绿 */ {

    background-color: #9DC807;

}


感谢你∧∧ 上了一课

只是有点跟想像中的不一样，理想是


.myBtnProperty  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}

 

.BtnOkay /* 黄 */ {

    .myBtnProperty  

    background-color: #FBBB13;

}

 

.BtnLogin /* Steam绿 */ {

    .myBtnProperty  

    background-color: #9DC807;

}


没办法这样对不对><?
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
天际的海浪
等级
本版专家分：159721
勋章
Blank
签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
GitHub 绑定GitHub第三方账户获取
Blank
进士 2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
Blank
银牌 2019年1月 总版技术专家分月排行榜第二
同一元素可以同时应用多个css类


<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<title> 页面名称 </title>

<style type="text/css">

.myBtnProperty  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}

 

.BtnOkay /* 黄 */ {

    background-color: #FBBB13;

}

 

.BtnLogin /* Steam绿 */ {

    background-color: #9DC807;

}

</style>

</head>

<body>

<div class="myBtnProperty BtnOkay">BtnOkay</div>

<div class="myBtnProperty BtnLogin">BtnLogin</div>

</body>

</html>
只看TA 引用 举报 #3得分 10
私信 空间 博客
提鲁战士
等级
本版专家分：0
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
在面试中会问到那些CSS属性是可以继承的？
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
baidu_23677379
等级
本版专家分：0
我比较偏向医疗的软体设计

之前面试大多考

医疗名词、医疗流程 （ex: 开立药品重覆开立检核，写个虚拟Code）、资料库（正规化）、 

.NET C# Lsit<T>、Array 怎么用之类的耶

还没遇过考Css 觉得应该是这种东西，我猜是因为网路上找很容易找到现成的，
直接拿来套的而且大多已经成立的企业或公司，很多底层的东西
应该早建构好了
我不想用 Bootstrap 因为太大包了，CSS规范好的没几个，大家统一比较重要 >~<
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
baidu_23677379
等级
本版专家分：0
引用 3 楼 jslang 的回复:
同一元素可以同时应用多个css类


<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<title> 页面名称 </title>

<style type="text/css">

.myBtnProperty  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}

 

.BtnOkay /* 黄 */ {

    background-color: #FBBB13;

}

 

.BtnLogin /* Steam绿 */ {

    background-color: #9DC807;

}

</style>

</head>

<body>

<div class="myBtnProperty BtnOkay">BtnOkay</div>

<div class="myBtnProperty BtnLogin">BtnLogin</div>

</body>

</html>


對吼都忘記有這個寫法
之前看 Bootstrap 範例有

不過我決定用你第一個方法

謝謝你的分享及教學 ^^
只看TA 引用 举报 #6得分 0
私信 空间 博客
颜～欢
等级
本版专家分：0
引用 1 楼 天际的海浪的回复:


.BtnOkay , .BtnLogin  {

    font-weight: bold;

    font-family: "Microsoft JhengHei";

    color: #FFFFFF;

    border: 0px;

    background-repeat: no-repeat;

    background-position: 98% 48%;

    cursor: pointer;

}



.BtnOkay /* 黄 */ {

    background-color: #FBBB13;

}



.BtnLogin /* Steam绿 */ {

    background-color: #9DC807;

}

我也是这样想的。
只看TA 引用 举报 #7得分 0
收起
收藏 回复
baidu_23677379

等级：

关注 私信 TA的帖子
CSS选择符有哪几类？哪些属性可以继承？

一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-...

CSS可继承的属性

继承：即指子节点默认使用父节点的样式属性所有元素可继承：visibility和cursor内联元素可继承：letter-spacing、word-spacing、white-space、liine-height、color、font、font-family、font-size、font-style、font...

css3中哪些属性可以继承？

1、字体系列属性 font font-fanmily font-weight font-size font-style 2、文本系列属性 text-indent text-align line-height color direction 3、元素可见性 visibility ...

CSS中可以和不可以继承的样式

一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-...

css选择符有哪些？那些属性可以继承？优先级算法如何计算？css3新增伪类有哪些

css选择符有哪些，那些属性可以继承，优先级算法如何计算，css3新增伪类有哪些 CSS 选择符： 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) ...

CSS3常用属性及效果汇总

本篇主要说了一些CSS3的常用新属性，并附上了代码及效果展示，内容包含了边框的圆角，阴影等效果，背景的增强型功能，文本效果改变等内容。

CSS3 规范总结

目录 CSS3开发规范—书写顺序 CSS3开发规范—语法 CSS3开发规范—声明顺序 CSS3开发规范—不要使用@import ...CSS3开发规范—(附)常用的类属性 CSS3开发规范—书写顺序 1.起步 属性名最好都用小写 使用No...

css属性列表 和 属性值含义

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。Class可以定义多个，id却是唯一...

CSS常用样式属性锦集

以下快捷键针对webstorm，idea原则上也可以，我用idea打标签快捷键都可以，样式快捷键打不出。 一、文字属性 1、文字样式属性 格式：font-style: italic; 取值：normal:正常显示 italic:斜体 快捷键： fs font-style...

【CSS 表格属性（Table）】

CSS 表格属性 Tableborder-collapse 属性border-spacing 属性caption-side 属性empty-cells 属性table-layout 属性 用于 属性名 CSS 版本 合并 表格边框。 border-collapse 2 相邻 ...

css属性列表_和_属性值含义大全

css属性列表 和 属性值含义 CSS属性： 1、媒体（Media）类型  样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对...

CSS属性含义列表(全)

css属性列表 属性名称    字体属性（Font）  font-family  font-style font-variant  font-weight  font-size      颜色和背景属性  Color  Background-color  Backgr

CSS基础属性及css3新增选择器

常用属性:  字体属性:  font:bold 20px "宋体";  font-weight:bold bolder;  font-size:30px; em rem   font-family:"宋体" "微软雅黑"    文本属性:  color:rgb(0-255,0-...

ReactNative 属性继承

由于需要共用一个style 但是其中的marginTop值需要单独改变 因此可以用数组的方式 <View style={[styles.itemContainer,{marginTop:5}]}>

HTML、CSS、HTML5、CSS3面试题

第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ HTML是一种基于WEB的网络设计语言，XHTML是基于XML的置标语言，XHTML可以认为是XML版的HTML，所以它的语法比较严谨：元素必须关闭，嵌套必须正确，大...

CSS

样式规则内联样式表（内嵌）：特殊的样式需要应用到个别元素时，写在标签的开始标签中，其作用范围仅限于应用它的网页元素，方法是在相关的标签中使用样式属性，样式属性可以包含任何css属性。内部样式表（内联）：...

css笔记 一.css基本知识

文章目录css的继承选择器css权重值(优先级):元素类型伪元素:使父元素包裹浮动元素元素定位margin塌陷margin合并css常用知识点 css的继承 1.子父派生 div p{…} 这样div下面的子孙元素p都会继承该属性 2.直接派生 ...

【译】CSS继承、层叠和全局作用域

最近学习到CSS的继承属性，正好看到这篇文章，便将它翻译出来。作者的思想，在平时的项目中或多或少都有用过，但是从来没有仔细去思考如何利用这些特性让代码更加优雅。 我热爱模块化设计。长期以来，我将网站分为...

对某个原有的css样式重写但不覆盖全部样式

之前的html，会发现ion-slide总是在顶部 <game-detail-header game-detail-header="gameHeader"></game-detail-header> <ion-content scroll="false">...

CSS属性

一、什么是CSS？　CSS是CascadingStyleSheet的缩写，有些书上把它译为“层叠样式单”或“级联样式单” （下文简称“样式单”），在1997年W3C颁布HTML4标准的同时也公布了有关样式单的第一个标准CSS1。样式单是对...

抽丝剥茧解开CSS3中的Border属性的外衣

这几天使用border-raduis画了各种形状，顺带归纳了一下CSS中的border属性,本篇笔记中主要涉及的知识点有： 1.border属性 2.css3新增的3个border属性：border-...

CSS基础-引入方法，选择器，继承

一.CSS引入方法：行内式、嵌入式、导入式、链接式。  1、行内式。... 即：在标签的style属性中设定CSS样式。  例子：行内式  2、嵌入式  即：将页面各种元素的设置集中写在标签里。  例子：  

共享的 HTML 控件属性

共享的 HTML 控件属性  作为 .NET Framework 的一部分，ASP.NET 共享命名空间和类之间的继承。...Attributes 集合中，且可以像属性那样，以编程方式对它进行操作。 例如，如果在 元素上声明 bgcolor

【学习笔记】CSS属性值

CSS属性：1、媒体（Media）类型样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效（屏幕...

相关热词 c# 两个form赋值 c#无符号整形转为有符号 a4纸大小 c# c# 图片合并 c# 脏字过滤 c#登录权限 c#设置excel列宽 c#透明度 c# 载入文件 adb c#