如何用html覆盖css以浮动内联pull-quote？

Question

我正在尝试格式化由第三方博客网站托管的文章，我无法访问css样式表。

我想将拉引号浮动到左侧，而不是在pull-quote类中预定义的自动权限。由于我无法编辑样式表，因此我希望在html中使用内联样式标记来覆盖css。

目前我有：<div class="pullquote">insert pullquote here</div>

我对html和css非常新，所以非常感谢。

Answer 1

对于您的情况，您可以使用内联css.ie指定样式作为div的属性。

为了您的信息，调用css的顺序如下

1. 内联CSS
2. 嵌入式CSS
3. 外部CSS

可在W3Schools

找到更多详情

如果这不能解决您的问题，

您可以使用!important覆盖任何css。这实质上意味着它所说的内容; “这很重要，忽略后续规则，以及任何常见的特殊问题，应用此规则！'

根据docs

  

当样式声明使用！important规则时，这个   声明覆盖CSS中的任何其他声明，无论在何处   它在声明列表中。虽然，！重要无关   具有特异性。使用！important是不好的做法，因为它使   你努力调试，因为你打破了你的自然级联   样式表。

所以试试这个来覆盖右边的浮动

<div class="pullquote" style="float:left !important;">insert pullquote here</div>

以上示例是所谓的内联css，它也使用!important。

正如@ j0861在他的评论Using !important is bad practice because it makes debugging hard

中提到的那样

Answer 2

你可以使用：

<div class="pullquote" style="float:left">insert pullquote here</div>

Answer 3

您可以将内联样式应用于任何HTML元素。

你可能有一个如下所示的样式表：

p {
    color: #000;
    font-weight:bold;
    text-decoration:underline
}

您可以使用style属性直接将此样式属性和样式属性的任何其他组合应用于元素（对于此示例，单个段落行），如下所示：

<p style="color:#000;font-weight:bold;text-decoration:underline">Some text here</p>

在您的情况下，您只需要添加：

<div class="pullquote" style="float:left;">insert pullquote here</div>