Question

如果我在div中添加一个CSS类，它将被v-slot-tradeMatrixLayout覆盖。如何在CSS文件中专门指定此类，以便仅调用此类。将tradeMatrixLayout分配给VerticalLayout。

这将在Chrome中进行检查

<div class="v-slot v-slot-tradeMatrixLayout">

这是我的CSS文件

.tradeMatrixLayout{
 margin-left: 15px !important;
}

div如何调用我专门编写的课程？

Answer 1

您还可以使用JavaScript通过操作DOM来添加类。

function myFunction() {
    var el = document.getElementsByClassName("v-slot");
    el.classList.add("tradeMatrixLayout");
}

Answer 2

它应该在您的课程结尾

[class$='tradeMatrixLayout']{
  color: red;
  margin-left: 15px !important;
}

只需尝试上面的代码，它就会为您服务

Answer 3

.class选择器选择具有特定class属性的元素。要选择具有特定类的元素，请写一个句点（。）字符，后跟类的名称。您还可以指定仅特定的HTML元素应受类影响。为此，请从元素名称开始，然后输入句点（。）字符，后跟类的名称

我不完全明白您明确想要什么？你看来还好吗？

v-slot v-slot-gewerkeMatrixLayout

这是引用这两个类，不能使用来自两个类的相同元素，因为它将被覆盖。但是，如果您有2条不同的说明，则应该可以使用

Answer 4

您可以像这样在CSS中指定您的类

.v-slot-tradeMatrixLayout {
    margin-left: 15px !important;
}

Answer 5

class属性可以使用它们的名称并用空格分隔来接收多个CSS类，如here所示。对于您的情况，您可以将其添加为：

<div class="v-slot tradeMatrixLayout">

在此示例中，您将添加2个类：v-slot和tradeMatrixLayout。

如果v-slot覆盖了您尝试用tradeMatrixLayout进行的设置，则意味着您必须使用Specificity进行游戏。总之，即使您使用!important，某些规则也比其他规则更重要（假设您有3个使用!important的类，应该使用哪一个？）。特异性越高，规则就越重要。

以下选择器类型列表按其特异性增加：


类型选择器（例如h1）和伪元素（例如::: before）。

类选择器（例如.example），属性选择器（例如   [type =“ radio”]）和伪类（例如：hover）。

ID选择器（例如> #example）。

如果您希望它具有更多的特异性，请将CSS更改为：

div.tradeMatrixLayout{
  margin-left: 15px;
}

使用ID添加它：

<div id="myDiv" class="v-slot tradeMatrixLayout">

div#myDiv.tradeMatrixLayout{
  margin-left: 15px;
}

Answer 6

只需添加另一个具有该CSS类的CSS（v槽）喜欢：

<div class="v-slot"></div>
<div class="v-slot tradeMatrixLayout"></div>

您的html看起来像

.v-slot{
        border: 3px solid blue;
        height: 50px;
        width: 50px;
        margin-left: 5px;
}
.v-slot.tradeMatrixLayout{
        margin-left:50px
}

<div class="v-slot"></div>
<div class="v-slot tradeMatrixLayout"></div>

import android.app.*;
import android.os.*;
import android.content.*;
import android.view.*;
import android.view.View.*;
import android.widget.*;
public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        EditText eText=            (EditText)findViewById(R.id.mainEditText1);
        String myCode=eText.getText().toString();
    Button nextPage=    (Button)findViewById(R.id.mainButton1);
    if(myCode.equals("Titan")){
        nextPage.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v){
        startActivity(new Intent(MainActivity.
                                 this,actor.class));
    }
    });
    }
}

如何在CSS中添加特定的类

6 个答案: