gpt4 book ai didi

jquery - 如何避免 HTML 元素被 CSS 匹配并重置?

转载 作者:可可西里 更新时间:2023-11-01 13:02:01 25 4
gpt4 key购买 nike

我是 HTML 和 CSS 的新手。下面是测试代码。假设外部 CSS 的 html 链接如下所示:

ul {
overflow: hidden; color: #fff; padding: 0;
}

li{ margin-left: -10px; }

我的 HTML 文件如下所示:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>

<ul>
<li>abc</li>
<li>ref</li>
<li>cde</li>
</ul>

<ul>
<li>I want to reset this style</li>
<li>I want to reset this style</li>
<li>I want to reset this style</li>
</ul>

</body>
</html>

假设我无权访问 CSS 文件,我想重置 HTML 中第二个无序列表的样式。我不知道CSS的内容。我怎样才能做到内联 HTML、CSS 或通过 jquery?任何代码示例将不胜感激。谢谢。

最佳答案

如果您对 css 的访问权限为零,那么您将(不一定)知道要重置哪些属性。

也就是说,您始终可以像这样使用内联样式:

<ul>
<li>...</li>
<li style="color: green; background: #eee;">Green one</li>
<li>...</li>
</ul>

基本上任何 HTML 元素都可以有一个 style 属性,常规的 CSS 也可以放在里面。


更新:如果您可以将自己的标签添加到源中,您也可以在其中添加重置。

<style>
ul + ul li {
/* resets in here */
}
</style>

关于jquery - 如何避免 HTML 元素被 CSS 匹配并重置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37893100/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com