CSS3 共用属性是否可以继承？_html/css_WEB-ITnose-HTML Tutorial-php.cn

CSS3 共用属性是否可以继承？_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:38:03

Original

1060 people have browsed it

.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

回复讨论(解决方案)

.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;}

Copy after login

.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;}

Copy after login

感谢你∧∧ 上了一课

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

.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;}

Copy after login

没办法这样对不对>

同一元素可以同时应用多个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>

Copy after login

在面试中会问到那些CSS属性是可以继承的？

我比较偏向医疗的软体设计

之前面试大多考

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

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

还没遇过考Css 觉得应该是这种东西，我猜是因为网路上找很容易找到现成的，
直接拿来套的而且大多已经成立的企业或公司，很多底层的东西
应该早建构好了
我不想用 Bootstrap 因为太大包了，CSS规范好的没几个，大家统一比较重要 >~<

同一元素可以同时应用多个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>

Copy after login

?吼都忘?有???法
之前看 Bootstrap ?例有

不?我?定用你第一?方法

??你的分享及教? ^^