ul list-style revert兼容性
时间: 2023-10-05 08:13:59 浏览: 205
`list-style` 属性的 `revert` 值是 CSS3 中新增的值,它会重置列表项的样式为浏览器默认样式。然而,由于它是 CSS3 的新值,因此在一些较老的浏览器上可能不被支持。
可以使用以下方法来解决 `revert` 值的兼容性问题:
1. 使用浏览器默认样式覆盖列表项样式:
```css
ul {
list-style: none;
}
li {
display: list-item;
text-indent: -1em;
}
```
这个方法会将列表项的显示方式设置为默认的 `list-item`,并使用负缩进来隐藏默认的标志。这种方法可以在所有浏览器上使用,但是在一些浏览器上可能会产生不同的显示效果。
2. 使用 CSS reset 或 normalize 库来统一不同浏览器的默认样式。
这些库会将所有元素的默认样式重置为一致的值,从而避免了不同浏览器之间的差异。常用的 CSS reset 库有 Eric Meyer's Reset CSS 和 Yahoo's YUI Reset CSS。
总之,如果需要使用 `list-style: revert`,可以先在现代浏览器中测试其效果,然后再根据需要选择使用适当的兼容性方案。
相关问题
git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks revert --no-edit 954c907f9fbcc6089df936d7099624cc97632b0c error: commit 954c907f9fbcc6089df936d7099624cc97632b0c is a merge but no -m option was given. fatal: revert failed
这个错误是由于你尝试还原一个合并提交而没有提供正确的选项引起的。当你要还原一个合并提交时,Git 需要知道要还原的特定父提交。这可以通过使用 `-m` 选项来指定父提交的编号来实现。
在你的命令中,你应该使用 `-m` 选项来指定需要还原的父提交的编号。例如,如果合并提交有两个父提交,你可以使用以下命令:
```shell
git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks revert -m 1 --no-edit 954c907f9fbcc6089df936d7099624cc97632b0c
```
请确保将 `-m` 后面的数字更改为正确的父提交编号。
<style type="text/css"> #navigation{ /*不需要设置宽度*/ font-family:Arial; } #navigation ul{ list-style-type:none; margin:0px; padding:0px; } #navigation li{ position: relative; float:left; top:490px; left: 900px; /***将项目列表转成水平显示***/ } #navigation li a{ display:block; /*将a元素转成块元素,目的是当鼠标进入该块的任何部分时都会被激活。*/ border:1px solid #0979c4; padding:3px 6px 3px 6px; margin:2px; text-decoration:none; text-align: center; } #navigation li a:link,#navigation li a:visited{ background-color: #0979c4; color:#ffffff; } #navigation li a:hover{ background-color:#0979c4; color:#87CEFA; } .b1{ all: revert; } </style> <div id="navigation"> <ul> <li > <a href="">桂电新闻</a> <ul class="b1"> <a href=""> <span>05-10</span> <span> 校长徐华蕊率队到浙江三所研究院调研(图)</span> </a> </ul> </li> <li> <a href="">校园快讯</a> </li> <li> <a href="">学院动态</a> </li> <li> <a href="">媒体桂电</a> </li> </ul> </div>如何让<span>的内容不继承li的样式
你可以在CSS里为这个span单独设置样式,使用选择器 #navigation li a span,然后将继承样式的属性设置为默认值或者其他你想要的值,例如:
```
#navigation li a span {
color: initial;
font-size: inherit;
/* 其他你想要修改的属性 */
}
```
这样就可以让span的样式不继承li的样式了。另外,你的HTML代码中有一个小问题,ul里面只能包含li元素,而不能直接包含a元素,所以你需要将你的a标签放在li标签内部。
阅读全文