#navigation li a:link, #navigation li a:visited {
时间: 2024-05-30 20:12:14 浏览: 70
这是 CSS 代码,用于设置导航栏中链接的样式。
`#navigation li` 选择导航栏中的列表项,`a` 选择列表项中的链接。
`:link` 伪类选择所有未被访问过的链接,`:visited` 伪类选择所有已被访问过的链接。
因此,这行代码设置了导航栏中所有链接的样式,无论它们是否被访问过,都会应用相同的样式。
相关问题
<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标签内部。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS+DIV布局</title> <link href="StyleSheet1.css" rel="stylesheet" type="text/css" /> </head> <body> <div> <div id="top">标题Logo栏</div> <div id="navigation">导航栏</div> <div id="left" >左边</div> <div id="middle">中间</div> <div id="right">右边</div> <div id="bottom" >页脚</div> </div> </body> </html>/*stylesheet1.css*/ #top{ width:100%; height:300px; line-height:300px; font-family:"黑体"; font-size:xx-large; } #navigation { width: 100%; height: 60px; line-height: 60px; } #left { width: 10%; height: 220px; line-height: 220px; float:left; } #middle{ width: 80%; height: 220px; line-height: 220px; float: left; } #right { width: 10%; height: 220px; line-height: 220px; float: left; clear:right; } #bottom { width: 100%; height: 30px; line-height: 30px; font-family: "黑体"; clear:both; }<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>定位</title> <style type="text/css"> div { padding: 0; margin: 0; } #id1 { width: 524px; text-align: left; height: 404px; border: solid 1px red; } #id2 { width: 120px; text-align: left; height: 120px; border: solid 1px blue; margin: 0; margin: 0; } #id3 { width: 200px; text-align: left; height: 140px; border: solid 1px green; position: absolute; top: 130px; left: 130px; margin: 0; } #id4 { width: 200px; text-align: left; height: 140px; border: solid 1px purple; position: relative; top: 140px; left: 200px; margin: 0; } </style> </head> <body> <div id="id1"> <div id="id2"> <div id="id3"> <div id="id4"></div> </div> </div> </div> </body> </html>把他们三个组合起来
这是一个HTML文件,其中包含了一个CSS样式表文件(StyleSheet1.css)。HTML文件中有一个<div>标签,其中包含了6个子<div>标签,分别是:标题Logo栏、导航栏、左边、中间、右边和页脚。这些子<div>标签都有一个唯一的ID属性,可以在CSS样式表文件中对它们进行样式设置。这个HTML文件使用了UTF-8编码。