css代码高亮（高亮代码的css样式）

今天给各位分享css代码高亮的知识，其中也会对高亮代码的css样式进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、css导航条判断当前页面高亮效果显示
• 2、CSS导航代码高亮显示的修改（全部分奉上）
• 3、用css3怎样实现高亮

css导航条判断当前页面高亮效果显示

一般当前高亮都是后台程序判断实现的，不是css做的，要用css做也行，只是麻烦点，要给每个栏目的body加上ID，这样做造成的麻烦是弄后台程序的时候不能把body这行直接写入页头包含文件之中：

下面代码每个body都有自己的ID来识别当前是什么栏目，导航栏每个li也加了class：

------------首页html------------

body id="home"

div class="menu"

ul

li class="home"a首页/a/li

li class="about"a介绍/a/li

li class="news"a新闻/a/li

li class="job"a招聘/a/li

/ul

/div

/body

------------介绍页html------------

body id="about"

...

/body

------------新闻页html------------

body id="news"

...

/body

===============

Css code：

===============

/*导航按钮的默认样式*/

.menu li a{color:#000;}

/*当前栏目高亮样式*/

#home .menu .home a ,

#about .menu .about a ,

#news .menu .news a ,

#job .menu .job a{color:red;}

CSS导航代码高亮显示的修改（全部分奉上）

script language="javascript"

!--

function changeEl(El){

try{

if(typeof El != "object") {

return;

}

var els = document.all("ttttt");

if(typeof els == "object" els != null){

if(!els.length)els = [els];

for(var i in els){

els[i].setAttribute("id", "pageLinks");

}

}

El.setAttribute("id", "ttttt");

}catch (E){}

}

//--

/script

ID名ttttt是高亮样式，pagelinks是默认样式，调用ttttt是把这样默认的覆盖掉，这样调用div id="pageLinks" onClick="changeEl(this)"a href="#"123/a

定义两个ID样式（#pageLinks和#ttttt），然后贴上我的代码，就可以了，有什么好解释滴？

多说无益，实践才是真理啊伙计

用css3怎样实现高亮

h5中有一个mark双标签，可以直接实现高亮。它不需要添加css样式。

关于css代码高亮和高亮代码的css样式的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。