如何用css嵌套实现 text-decoration颜色和文字颜色不同？
7个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a href="javascript:;" style="color:#333;"><span style="color:#f00;">啦啦啦啦啦啦啦<span></a>
</body>
</html>
运行结果：
下划线的颜色是在a标签上面设置的，字体颜色在span标签上设置的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这儿的text-decoration颜色和文字颜色分别是2个样式控制的，
1.text-decoration:规定添加到文本的修饰。 可以有6个不同的值来代表不同的表现形式，如下：
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。
2.文字颜色-color,用法是color:red;color:#ff0000;color:#000;color:rgba(0,0,0,.5);
简单来说就是右边部分填写颜色值，而颜色值的方法有：1.英文名称，2.十六进制，3RGBA（css3里面新增的，对IE的兼容性很差，不建议在PC端使用）。
关于css嵌套，可以直接在HTML标签内联编写样式，比如：
<div style='color:red'>测试</div>
1.text-decoration:规定添加到文本的修饰。 可以有6个不同的值来代表不同的表现形式，如下：
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。
2.文字颜色-color,用法是color:red;color:#ff0000;color:#000;color:rgba(0,0,0,.5);
简单来说就是右边部分填写颜色值，而颜色值的方法有：1.英文名称，2.十六进制，3RGBA（css3里面新增的，对IE的兼容性很差，不建议在PC端使用）。
关于css嵌套，可以直接在HTML标签内联编写样式，比如：
<div style='color:red'>测试</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css可定义的链接样式有如下几种：
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none;} 无下划线
a:link{text-decoration:underline;} 有下划线
为了实现不同链接不同效果，可以专门定义链接的CSS规则，比如：
我们常规css是这样的：
a:link{color:#ff0000}
那么网页上所有链接的颜色都是：#ff0000。
然后可以这样去修改：
a:link{color:#ff0000}
.line1 a:link{color:#000000;text-decoration:underline;}
同时，在要改变颜色的链接前加上css定义，像这样：<span class=line1><a href="/">不同颜色的超链接</a></span>，这样单独定义，这个带下划线链接的颜色就改变了。
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none;} 无下划线
a:link{text-decoration:underline;} 有下划线
为了实现不同链接不同效果，可以专门定义链接的CSS规则，比如：
我们常规css是这样的：
a:link{color:#ff0000}
那么网页上所有链接的颜色都是：#ff0000。
然后可以这样去修改：
a:link{color:#ff0000}
.line1 a:link{color:#000000;text-decoration:underline;}
同时，在要改变颜色的链接前加上css定义，像这样：<span class=line1><a href="/">不同颜色的超链接</a></span>，这样单独定义，这个带下划线链接的颜色就改变了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype
html>
<html>
<head>
<meta
charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a
href="javascript:;"
style="color:#333;"><span
style="color:#f00;">啦啦啦啦啦啦啦<span></a>
</body>
</html>
运行结果：
下划线的颜色是在a标签上面设置的，字体颜色在span标签上设置的
html>
<html>
<head>
<meta
charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a
href="javascript:;"
style="color:#333;"><span
style="color:#f00;">啦啦啦啦啦啦啦<span></a>
</body>
</html>
运行结果：
下划线的颜色是在a标签上面设置的，字体颜色在span标签上设置的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是很明白！不过你可以用ID 和class 来区分出来的！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
