如何改变内嵌的超链接样式属性？

papaya73 2008-07-28 09:37:54

我需要在页面的javascript中改变控件css属性
象普通的都好办，可以这样：
elm.style.cssText='color:red; font-size:12px'
但是像超链接这样的伪类如何写？比如我要改变超链接文字的颜色。。

...全文

302 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

adonis_net 2008-07-28

打赏
举报

Syntax

HTML [A]:hover { sRules }
Scripting N/A
...

好像script没有这样的写法

happy002 2008-07-28

打赏
举报

给超链接加个id

$(document).ready(function() {
$("#"+document.listform.id.value).css({ color:"red",background: "white"});
});

浴火_凤凰 2008-07-28

打赏
举报

body.style.vlink='red'

papaya73 2008-07-28

打赏
举报

补充一下，因为其他原因，不能使用替换元素的className的方法

目录: 目录第1篇 html基础入门篇第1章建立首要的、基础的正确认知 1.1 internet和万维网 1.1.1 什么是www(万维网) 1.1.2 w3c是什么 1.2 网页、浏览器、网站和网络服务器 1.2.1 网页和浏览器 1.2.2 不可不知的浏览器发展史 1.2.3 浏览网页 1.2.4 网站和网络服务器 1.3 了解html语言 1.3.1 关于html和html编辑器 1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 1.5 巩固与自测第2章 html文档的基本结构 2.1 使用dreamweaver创建第一个网页 2.1.1 dreamweaver安装和配置向导 2.1.2 使用dreamweaver创建网页的基本步骤 2.1.3 使用dreamweaver的基本知识 2.2 html文档的基本结构 2.2.1 了解sgml和html的关系 2.2.2 html简要的历史和为何要使用html 2.2.3 html 4.01的版本和文档类型声明 2.2.4 [html][/html]标签对和属性 2.2.5 [head][/head]标签对 2.2.6 [body][/body]标签对 2.3 巩固与自测第3章 html文档的编写规范 3.1 使用标签、元素和属性 3.1.1 标签 3.1.2 元素 3.1.3 属性的定义 3.1.4 属性值的定义 3.1.5 元素和属性的大小写规范 3.2 字符引用 3.2.1 字符数字引用 3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 3.4.1 关于断行符 3.4.2 空白字符 3.5 基本html数据型式 3.5.1 cdata数据类型 3.5.2 id和name使用的数据类型 3.5.3 idref和idrefs使用的数据类型 3.5.4 number数据类型 3.5.5 文本字符串 3.5.6 使用uri 3.5.7 使用颜色 3.5.8 使用长度 3.5.9 内容类型(mime类型) 3.5.10 语言代码 3.5.11 字符编码 3.5.12 单字符 3.5.13 日期和时间 3.5.14 链接类型 3.5.15 介质描述符 3.5.16 脚本数据 3.5.17 样式表数据 3.5.18 框架目标名 3.6 巩固与自测第2篇 html详细学习篇第4章 html文档的头部定义 4.1 定义标题(title元素) 4.2 怎样定义元数据 4.2.1 定义元数据关键字 4.2.2 元数据的语言信息 4.2.3 元数据的其他定义方法 4.3 用于搜索引擎的元数据 4.3.1 定义编辑工具 4.3.2 定义版权信息 4.3.3 定义关键字 4.3.4 定义概要描述 4.3.5 定义设计者 4.3.6 定义创作日期 4.3.7 定义搜索引擎搜索方式 4.4 用于http消息报头的元数据(属性http-equiv) 4.4.1 设置网页内容类型和字符集 4.4.2 设置网页所使用的语言 4.4.3 设置网页定时跳转 4.4.4 设置网页禁用缓存 4.4.5 设置网页到期 4.4.6 设置网页cookie存活时间 4.4.7 设置网页框架目标 4.4.8 设置网页转场效果 4.4.9 设置网页分级 4.5 元数据纲要和元数据架构 4.5.1 使用元数据纲要(profile属性) 4.5.2 使用元数据架构(scheme属性) 4.6 巩固与自测第5章文字与段落 5.1 结构化的文本 5.1.1 用于强调的短语元素(em元素、strong元素、cite元素) 5.1.2 用于缩写的短语元素(abbr元素、acronym元素) 5.1.3 其他的短语元素(dfn、code、samp、kbd、var) 5.1.4 引用(blockquote元素、q元素) 5.1.5 下标和上标(sub元素、sup元素) 5.2 行和段落 5.2.1 段落(p元素) 5.2.2 控制换行(br元素) 5.2.3 连字符 5.2.4 预格式化文本(pre元素) 5.2.5 段落的视觉呈现 5.3 标题字体(h#元素) 5.4 标记文档改变：ins和del元素 5.5 基本文字格式(tt、i、b、big、small、strike、s、u) 5.6 字体修改(font、basefont元素) 5.6.1 改变字体大小(size属性) 5.6.2 改变文本颜色(color属性) 5.6.3 改变字体(face属性) 5.7 加入水平分割线(hr元素) 5.7.1 分隔线宽度和高度

CSS是层叠样式表（Cascading Style Sheets）用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。那么CSS和Html是如何在网页代码中相结合的呢？ CSS的引入方式通过四种方式 1.style属性方式：利用标签中style属性来改变每个标签的显示样式。例：

p标签段落内容。

该方式比较灵活，但是对于多个相同标签的同一样式定义比较麻烦，适合局部修改。 2.style标签方式：（内嵌方式）在head标签中加入style标签，对多个标签进行统一修改。该方式可以对单个页面的样式进行统一设置，但对于局部不够灵活。 3.导入方式：前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到，那么就用到这种方式。例：注：url括号后面必须要用分号结束。如果导入进来的样式与本页面定义的样式重复，以本页定义样式为准。 4.链接方式：通过head标签中link标签来实现，前提也是先要有一个已定好的CSS文件。例：注：可以通过多个link标签链接进来多个CSS文件。重复样式以最后链接进来的CSS样式为准。 5.样式优先级：由上到下，由外到内。优先级由低到高。 6.总结CSS代码格式选择器名称 { 属性名：属性值；属性名：属性值；…….} 7.选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。选择器共有三种： a)html标签选择器。 b)class选择器。 c)id选择器。每一个标签都定义了class属性和id属性。用于对标签进行标识，方便对标签进行操作。在定义的中，多个标签的class属性值可以相同，而id值要唯一，因为JavaScript中经常用。 8.class选择器：在标签中定义class属性并赋值。通过标签名.class值对该标签进行样式设置。例：相同标签设置不同样式的时候，用class进行区分。 p.pclass_1 {color:#FF0000;} p.pclass_2 {color:#0000FF;}

P标签样式

不同标签进行相同设置的时候，用class进行统一定义。 .classname {color:#00FF00;}

P标签样式

DIV标签样式

9.id选择器：与class选择器类似，但格式不同，选择器的名称为：#id值。例： #pid { color:#0000FF;}

P标签样式

注：多个标签同样可以定义相同的id值，但是对于JavaScript对标签元素的获取就会出错。所以形成习惯，确保id值的唯一性对于以后的数据库设计也很有好处。 10.扩展选择器： a)关联选择器标签是可以嵌套的，要让相同标签中的不同标签显示不同样式，就可以用此选择器。例： p { color:#00FF00;} p b { color:#FF000;}

P标签刘德华段落样式

P标签段落

b)组合选择器对多个不同选择器进行相同样式设置的时候应用此选择器。 p,div { color:#FF0000;}

P标签显示段落。

DIV标签显示段落

注：多个不同选择器要用逗号分隔开。 c)伪元素选择器其实就在html中预先定义好的一些选择器。称为伪元素。（CSS的术语）格式：标签名：伪元素。类名标签名。类名：伪元素。都可以。 a:link 超链接未点击状态。 a:visited 被访问后的状态。 a:hover 光标移到超链接上的状态（未点击）。 a:active 点击超链接时的状态。使用顺序 L – V – H - A p:first-line 段落的第一行文本。 p:first-letter 段落中的第一个字母。 :focus 具有焦点的元素。IE浏览器不支持，在FireFox中可以看到效果。看显示效果的时候注意，浏览器的缓冲的问题。 a:link {color:blue; text-decoration: none; font-size:12px} a:visited {color:gray; text-decoration: none; font-size:8px} a:hover {color:red; text-decoration: underline; font-size:20px} a:active {color:green; text-decoration: none; font-size:30px} 最后，说明一下，我们这里讲解的CSS只是CSS知识库里面的九牛一毛，如果喜欢WebUI的同学可以自学,目前最新的版本是CSS3.0

一、填空题（每空2分，20分）10道填空。 1.网站的设计原则：简洁醒目、风格统—、内容丰富、记忆持久、便捷有效。。 2.网站的访问方式分为：域名访问、IP地址访问、二维码访问。 3.色彩的三要素：色相、饱和度、亮度。 4.Dreamweaver的站点包括本地站点和远程站点。 5.CSS样式分为：行内样式、内部（内嵌）样式、外部样式。 6.使用CSS样式定义，将p元素中的字体定义为粗体代码为：p{font-weight：bold}。 7.表单内设置的各个填写区域称为表单域。 8.网页设计主要包括配色、字体、布局3个方面，其中最主要的是网页的布局，在进行网页设计时，我们需要对网页的版面布局进行整体的规划。 9.在Dreamweaver中，捆绑了javascripts和css3特效库，提供了一种友好的、可视化的操作界面，方便用户调用。 10.设置网页超链接，可以通过页面属性对话框完成。二、选择题（每个3分，30分）10道单选。 1.能被绝大多数的浏览器完全支持的图像格式为（A）。 A.gif和jepg B.gif和png C.jpeg和png D.png和bmp 下列配色

第1部分　JavaScript.cCSS与DOM基础篇　　第1章　ccJavaScript概述　　1.1　JavaScript的起源　　1.2　浏览器之争　　　1.2.1　DHTML 　　　1.2.2　浏览器之间的冲突　　　1.2.3　标准的制定　　　1.3　JavaScript的实现　　　1.3.1　ECMAScript 　　　1.3.2　DOM 　　　1.3.3　BOM 　　　1.3.4　新的开始　　1.4　Web标准　　　1.4.1　Web标准概述　　　 1.4.2　结构.c表现和行为的分离　第2章ccJavaScript基础　　2.1　JavaScript的语法　　2.2 　变量　　2.3　数据类型　　　2.3.1　字符串　　　2.3.2　数值　　　2.3.3　布尔型　　　 2.3.4　类型转换　　　2.3.5　数组　　2.4　关键字　　2.5　保留字　　2.6　条件语句　　　 2.6.1　比较操作符　　　2.6.2　逻辑操作符　　　2.6.3　if语句　　　2.6.4　switch语句　　2.7　循环语句　　　2.7.1　while语句　　　2.7.2　do…while语句　　　2.7.3　for语句　　　2.7.4　break和continue语句　　　2.7.5　for…in语句　　　2.7.6　实例：九九乘法表　　 2.8　函数　　　2.8.1　定义和调用函数　　　2.8.2　用arguments对象访问函数的参数　　　2.8.3　实例：杨辉三角　　2.9　其他对象　　　2.9.1　对象简述　　　2.9.2　时间日期：Date对象　　　 2.9.3　数学计算：Math对象　　2.10　BOM基础　　　2.10.1　window对象　　　2.10.2　 document对象　　　2.10.3　location对象　　　2.10.4　navigator对象　　　2.10.5 　screen对象　第3章　ccCSS基础　　3.1　CSS的概念　　　3.1.1　标记的概念　　　3.1.2　传统HTML的缺点　　　3.1.3　CSS的引入　　　3.1.4　浏览器与CSS 　　3.2　使用CSS控制页面　　　3.2.1　行内样式　　　3.2.2　内嵌式　　　3.2.3　链接式　　　3.2.4　导入样式　　3.3　 CSS选择器　　　3.3.1　标记选择器　　　3.3.2　类别选择器　　　3.3.3　ID选择器　　　3.3.4 　选择器集体声明　　　3.3.5　选择器的嵌套　　　3.3.6　子选择器　　　3.3.7　属性选择器　　3.4　 CSS设置文字效果　　　3.4.1　CSS文字样式　　　3.4.2　CSS段落文字　　　3.4.3　首字放大　　 3.5　ccCSS设置图片效果　　　3.5.1　图片的边框　　　3.5.2　图文混排　　3.6　CSS设置页面背景　　　3.6.2　背景图片　　　3.6.3　背景图的重复　　　3.6.4　背景样式综合设置　　3.7　CSS设置超链接效果　　3.8　CSS制作实用菜单　　　3.8.1　项目列表　　　3.8.2　无需表格的菜单　第4章　ccCSS进阶　　4.1　标记与标记　　　4.1.1　概述　　　4.1.2　与的区别　　4.2　盒子模型　　4.3　元素的定位　　　4.3.1　float定位　　　4.3.2　position定位　　　4.3.3　z-index空间位置　　4.4　 CSS排版观念　　　4.4.1　将页面用div分块　　　4.4.2　设计各块的位置　　　4.4.3　用CSS定位　　4.5　排版实例：我的博客　　　4.5.1　设计分析　　　4.5.2　排版构架　　　4.5.3　导航与Banner 　　　　4.5.4　左侧列表　　　4.5.5　内容部分　　　4.5.6　footer脚注　　　4.5.7　整体调整　　4.6　JavaScript与CSS 　　　4.6.1　颜色渐变的文字　　　4.6.2　鼠标文字跟随　　　…… 第 2部分　JavaScript.cCSS.cDOM高级篇第3部分　jQuery框架篇第4部分　综合案例篇

目录第1部分　CSS基础知识篇　第1章　CSS的初步体验　　　1.1　CSS的概念　　　1.2　使用CSS控制页面　　　1.3　体验CSS　　第2章　CSS的基本语法　　　2.1　CSS选择器　　　2.2　选择器声明　　2.3　CSS的继承　第3章　用CSS设置丰富的文字效果　　　3.1　CSS文字样式　　3.2　文字实例一：模拟Google公司Logo　　　3.3　文字实例二：制作页面的五彩标题　　　3.4　CSS段落文字　　3.5　段落实例：百度搜索　　第4章　用CSS设置图片效果　　　4.1　图片样式　　　4.2　图片的对齐　　4.3　图文混排　　　4.4　图文实例：八仙过海　　第5章　用CSS设置网页中的背景　　　5.1　背景颜色　　　5.2　背景图片　　　5.3　背景综合一：我的个人主页　　　5.4　背景综合二：古词《念奴娇·赤壁怀古》　　第6章　用CSS设置表格与表单的样式　　　6.1　控制表格　　　6.2　表格实例一：隔行变色　　　6.3　表格实例二：鼠标经过时变色的表格　　　6.4　表格实例三：日历　　　6.5　CSS与表单　　　6.6　综合实例一：直接输入的Excel表格　　　6.7　综合实例二：模仿新浪网民调查问卷　　第7章　用CSS设置页面和浏览器的元素　　　7.1　丰富的超链接特效　　7.2　鼠标特效　　7.3　页面滚动条　　第8章　用CSS制作实用的菜单　　　8.1　项目列表　　　8.2　无需表格的菜单　　　8.3　菜单的横竖转换　　　8.4　菜单实例一：百度导航条　　　8.5　菜单实例二：流行的Tab菜单　　第9章　CSS滤镜的应用　　　9.1　滤镜概述　　　9.2　通道（Alpha）　　　9.3　模糊（Blur）　　　9.4　运动模糊（Motion Blur）　　　9.5　透明色（Chroma）　　　9.6　下落的阴影（Dropshadow）　　　9.7　翻转变换（Flip）　　　9.8　光晕（Glow）　　　9.9　灰度（Gray）　　　9.10　反色（Invert）　　　9.11　遮罩（Mask）　　　9.12　阴影（Shadow）　　　9.13　X射线（X-ray）　　　9.14　浮雕纹理（Emboss和Engrave）　　　9.15　波浪（Wave）　第2部分　CSS+DIV美化和布局篇　第10章　理解CSS定位与div布局　　　10.1　 div 标记与 span 标记　　10.2　盒子模型　　10.3　元素的定位　　　10.4　定位实例一：轻轻松松给图片签名　　　10.5　定位实例二：文字阴影效果　　第11章　CSS+div布局方法剖析　　　11.1　CSS排版观念　　　11.2　固定宽度且居中的版式　　11.3　左中右版式　　　11.4　块的背景色问题　　11.5　排版实例：电子相册　　　11.6　div排版与传统的表格方式排版的分析　　第12章　CSS+div美化与布局实战　　　12.1　框架搭建　　　12.2　实例一：蓝色经典　　　12.3　实例二：清明上河图　　　12.4　实例三：交河故城　　　12.5　自动选择CSS样式　第3部分　CSS混合应用技术篇　第13章　CSS与JavaScript的综合应用　　　13.1　JavaScript概述　　13.2　JavaScript语法基础　　13.3　实例一：输入时高亮显示的Excel表格　　　13.4　实例二：由远到近的文字　　　13.5　实例三：跑马灯特效　　　13.6　实例四：图片淡入淡出　　　13.7　实例五：CSS实现PPT幻灯片　　　13.8　实例六：灯光效果　　　13.9　实例七：舞台灯光　　　13.10　实例八：探照灯　　　13.11　实例九：鼠标文字跟随　　第14章　CSS与XML的综合运用　　　14.1　XML基础　　　14.2　XML链接CSS文件　　　14.3　XML文字阴影效果　　　14.4　XML古诗字画　　　14.5　XML实现隔行变色的表格　　第15章　CSS与Ajax的综合应用　　　15.1　Ajax概述　　　15.2　Ajax入门　　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　　16.1　分析构架　　　16.2　模块拆分　　　16.3　整体调整　　第17章　小型工作室网站　　　17.1　分析构架　　　17.2　模块拆分　　17.3　整体调整　　第18章　企业网站　　　18.1　分析构架　　18.2　模块拆分　　18.3　整体调整　　第19章　网上购物网站　　　19.1　分析构架　　19.2　模块分析　　19.3　整体调整　　第20章　旅游网站　　　20.1　分析构架　　　20.2　模块拆分　　20.3　整体调整精通JavaScript+jQuery 书籍目录：第1部分　JavaScript.cCSS与DOM基础篇　　第1章　ccJavaScript概述　　1.1　JavaScript的起源　　1.2　浏览器之争　　　1.2.1　DHTML 　　　1.2.2　浏览器之间的冲突　　　1.2.3　标准的制定　　　1.3　JavaScript的实现　　　1.3.1　ECMAScript 　　　1.3.2　DOM 　　　1.3.3　BOM 　　　1.3.4　新的开始　　1.4　Web标准　　　1.4.1　Web标准概述　　　1.4.2　结构.c表现和行为的分离　第2章ccJavaScript基础　　2.1　JavaScript的语法　　2.2　变量　　2.3　数据类型　　　2.3.1　字符串 .　　　2.3.2　数值　　　2.3.3　布尔型　　　2.3.4　类型转换　　　2.3.5　数组　　2.4　关键字　　2.5　保留字　　2.6　条件语句　　　2.6.1　比较操作符　　　2.6.2　逻辑操作符　　　2.6.3　if语句　　　2.6.4　switch语句　　2.7　循环语句　　　2.7.1　while语句　　　2.7.2　do…while语句　　　2.7.3　for语句　　　2.7.4　break和continue语句　　　2.7.5　for…in语句　　　2.7.6　实例：九九乘法表　　2.8　函数　　　2.8.1　定义和调用函数　　　2.8.2　用arguments对象访问函数的参数　　　2.8.3　实例：杨辉三角　　2.9　其他对象　　　2.9.1　对象简述　　　2.9.2　时间日期：Date对象　　　2.9.3　数学计算：Math对象　　2.10　BOM基础　　　2.10.1　window对象　　　2.10.2　document对象　　　2.10.3　location对象　　　2.10.4　navigator对象　　　2.10.5　screen对象　第3章　ccCSS基础　　3.1　CSS的概念　　　3.1.1　标记的概念　　　3.1.2　传统HTML的缺点　　　3.1.3　CSS的引入　　　3.1.4　浏览器与CSS 　　3.2　使用CSS控制页面　　　3.2.1　行内样式　　　3.2.2　内嵌式　　　3.2.3　链接式　　　3.2.4　导入样式　　3.3　CSS选择器　　　3.3.1　标记选择器　　　3.3.2　类别选择器　　　3.3.3　ID选择器　　　3.3.4　选择器集体声明　　　3.3.5　选择器的嵌套　　　3.3.6　子选择器　　　3.3.7　属性选择器　　3.4　CSS设置文字效果　　　3.4.1　CSS文字样式　　　3.4.2　CSS段落文字　　　3.4.3　首字放大　　3.5　ccCSS设置图片效果　　　3.5.1　图片的边框　　　3.5.2　图文混排　　3.6　CSS设置页面背景　　　3.6.2　背景图片　　　3.6.3　背景图的重复　　　3.6.4　背景样式综合设置　　3.7　CSS设置超链接效果　　3.8　CSS制作实用菜单　　　3.8.1　项目列表　　　3.8.2　无需表格的菜单　第4章　ccCSS进阶　　4.1　标记与标记　　　4.1.1　概述　　　4.1.2　与的区别　　4.2　盒子模型　　4.3　元素的定位　　　4.3.1　float定位　　　4.3.2　position定位　　　4.3.3　z-index空间位置　　4.4　CSS排版观念　　　4.4.1　将页面用div分块　　　4.4.2　设计各块的位置　　　4.4.3　用CSS定位　　4.5　排版实例：我的博客　　　4.5.1　设计分析　　　4.5.2　排版构架　　　4.5.3　导航与Banner 　　　　4.5.4　左侧列表　　　4.5.5　内容部分　　　4.5.6　footer脚注　　　4.5.7　整体调整　　4.6　JavaScript与CSS 　　　4.6.1　颜色渐变的文字　　　4.6.2　鼠标文字跟随　　　…… 第2部分　JavaScript.cCSS.cDOM高级篇第3部分　jQuery框架篇第4部分　综合案例篇

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章