Question

我对CSS有疑问，我不知道如何使用内联CSS代码删除类的样式。让我解释一下，
我有一个名为styles.css的CSS文件在这个文件中，例如我的h2有一些样式，现在在我的文章中我想使用h2，但我想删除h2的默认样式（用styles.css编写）。我想这个案子应该有办法，但我不知道怎么办？请告诉我这个css代码并教给我一些新的东西感谢

编辑：请看下面的图片。你可以看到这个h2有一些款式，你能看到右侧的粉红色垂直线吗？现在我想用css代码删除这个h2的样式。我想我的标题应该存在于CSS3中。我对吗？是否有任何css代码用于删除带有内联css代码的外部CSS样式？ https://preview.ibb.co/m4BLda/Screenshot_2017_09_04_01_44_09_1.png

以下是代码：

h2 {
border-right: 4px solid #E20070;
font-size: 22px;
margin: 1.5em 0;
padding-right: 1em;
font-family: "Yekan",'irans',tahoma;
font-weight: normal !important;
}

Answer 1

您说#include <iostream> #include <ctime> #include <iomanip> using namespace std; void Fill(int[], int); void Randomize(int[], int const); int main() { int amount = 10, //size of array sample size runs = 1, //how many test runs matches = 0, //how many times each shuffle has 1 match mismatch = 0; //how many times each shuffle has no matches bool match; unsigned seed = time(0); srand(seed); int cards[10]; Fill(cards, amount); //fills array to desired ammount do { cout << "runs: "; cin >> runs; for(int i = runs; i > 0; i--) { Randomize(cards, ammount); //shuffle for (int i = 0; i < ammount; i++) { if (cards[i] == i) { match = true; break; } else match = 0; } if (match) matches++; else mismatch++; } cout << "matches: " << matches << endl << "mismatches: " << mismatch << endl << "total: " << static_cast<double>(matches / (matches + mismatch) * 100) << endl; }while (runs != 0); return 0; } void Fill(int arr[], int size) { for(int i = 0; i < size; i++) { arr[i] = i; } } void Randomize(int a1[], int const size) { int a2[10]; int c = 0; for(int i = 0; i < size; i++) { c = (rand() % (size - i)); a2[i] = a1[c]; a1[c] = a1[size - i - 1]; } for(int i = 0; i < size; i++){a1[i] = a2[i];} }，但您应该将样式保存在单独的样式表文件中。现在，在您的inline文件中添加您自己的类：

＆＃13;

styles.css

＆＃13;

/* styles.css */

h2 {
  font-size: 18px;
}

.my-other-title {
  color: red;
  border-right: 0;
}

＆＃13;

为什么这甚至有效？因为CSS specificity：

特异性决定了浏览器应用哪条CSS规则

通过阅读this article

，花点时间了解更多信息

Answer 2

删除标题的现有类（如果有）并使用您自己的自定义类而不是内联编写所有内容。

＆＃13;

h1{
  font-size:15px;
  color:blue;
}


/* target your h1 element */
.custom-css{
  font-size:25px;
  color:red;
}

＆＃13;

<h1>Heading with general css<h1>

<h1 class="custom-css">Heading with custom css</h1>

＆＃13;

虽然改变HTML元素的语义并不好。

Answer 3

CSS - h2的默认值（来自外部css源）

h2 {
border-right: 4px solid #E20070;
font-size: 22px;
margin: 1.5em 0;
padding-right: 1em;
font-family: "Yekan",'irans',tahoma;
font-weight: normal !important;
}

您想通过内联css覆盖默认的css。尝试使用以下代码h2。

<h2 style="border-right: 0px; padding: 0; margin: 0;"> Hello </h2>

如果此样式适用于大多数class代码，您还可以向h2添加h2并将类调用到样式表。尽可能避免使用内联css，这可能会导致加载时间。

Answer 4

<h2 style="color:white; font-size:80px"> My Cool Text </h2>

你必须写下你想要替换的内容，例如，我在这里改变了颜色。

如何使用内联CSS代码删除标题样式

4 个答案: