blocks|key|835603|text|第1部分:您希望使用类名而不是ids来控制样式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|835604|.control_a+{
++width:+100px;
}

<blah+id='MyFirstControl'+class='control_a'/>
<blah+id='MySecondControl'+class='control_a'/>|code-block|syntax|javascript|835605|这使您可以在任意数量的标签之间共享样式。此外，请记住，您可以在单个元素上使用多个类名：|835606|.control_a+{
++width:+100px;
}

.red+{+background:+#f00;+}++++
.blue+{+background:+#00f;+}

<blah+id='MyFirstControl'+class='control_a+red'/>
<blah+id='MySecondControl'+class='control_a+blue'/>|835607|这使您可以为单个元素选择许多不同的样式源。|835608|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Part 1: you want to use class names, not ids, to control the styles:

<pre><code>.control_a {
 width: 100px;
}

&lt;blah id='MyFirstControl' class='control_a'/&gt;
&lt;blah id='MySecondControl' class='control_a'/&gt;
</code></pre>

This lets you share styles across any number of tags. Also, keep in mind, you can use more than one class name on a single element:

<pre><code>.control_a {
 width: 100px;
}

.red { background: #f00; } 
.blue { background: #00f; }

&lt;blah id='MyFirstControl' class='control_a red'/&gt;
&lt;blah id='MySecondControl' class='control_a blue'/&gt;
</code></pre>

This lets you select many different sources of style for a single element.

blocks|key|835690|text|没有办法继承CSS的“对象”。您可以从其他标签内的标签继承样式，但继承的是标签，而不是样式本身。如果将标签放在具有其他样式的标签内，则该标签将从该样式继承。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|835691|如果CSS样式被视为对象，这可能会很有趣，因为您可以避免许多编码，但由于您可以创建一个可以应用于不同类型的对象的类，甚至可以将多个类应用于一个标记，因此它比必要的更有趣。|835692|我将不得不再玩一玩，看看我是否能弄清楚一些事情。|835693|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

There is no way to inherit CSS "objects". You can inherit styles from tags inside other tags, but it is the tag inheriting and not the style itself. If you place a tag inside a tag with another style, it will inherit from that style.

It might be interesting if CSS styles were treated as objects, as you could avoid a lot of coding, but since you can create a class that can be applied to disparate types of objects, and even apply multiple classes to a tag, it is more interesting than necessary.

I am not sure about the second question, but I would imagine it has to do with the fact you are applying to a tag name, and not using a class or id. I would have to play with it some more to see if I can figure something out.

blocks|key|422233|text|1)由于CSS不允许自引用，您可以在同一样式中指定两个单独元素的共同方面：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|422234|#MyFirstControl,+#MySecondControl
{
++width:+100px;
}|code-block|syntax|javascript|422235|2)如果我的集成开发环境和浏览器是可信的，那么在那个上下文中inherit不是width的有效值，但我不确定为什么。这可能就是你的例子不起作用的原因。|offset|length|style|CODE|422236|entityMap^0|0|0|U|7|13|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

1) Since CSS doesn't allow for self-reference you could have common aspects of two separate elements specified in the same style:

<pre><code>#MyFirstControl, #MySecondControl
{
 width: 100px;
}
</code></pre>

2) If my IDE and browser are to be believed, <code>inherit</code> is not a valid value for <code>width</code> in that context but I'm not sure why. That might be why your example doesn't work.

Two parts to my question:

1) Is there a way to inherit another control's attributes and styles in CSS? Assume the controls have no parent/child hierarchy and can be completely different control types:

IE:

<pre><code>#MyFirstControl
{
 width: 100px;
}

#MySecondControl
{
 width: MyFirstControl.styles.width; /* This doesn't work */
}
</code></pre>

2) Assume a Label tag is a child of any other tag. The width attribute will neither work with "inherit" nor "auto". What's wrong?

IE:

<pre><code>&lt;style&gt;
 div
 {
 width: 100px;
 }
&lt;/style&gt;

&lt;div&gt;
 &lt;!-- This label does what it wants for width. It's not the width of the containing div --&gt;
 &lt;label style="width: inherit"&gt;Some Text&lt;/label&gt;
&lt;div&gt;
</code></pre>

CSS Control Inheritance - Inheriting Other Control Styles

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的问题有两个部分：1)有没有办法在CSS中继承另一个控件的属性和样式？假设控件没有父/子层次结构，并且可以是完全不同的控件类型：即：#MyFirstControl{  width: 100px;}#MySecondControl{  width: MyFirstControl.styles.width; /* Thi...

问CSS控件继承-继承其他控件样式
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS控件继承-继承其他控件样式EN