Heim > Web-Frontend > HTML-Tutorial > 请教高手css的问题。_html/css_WEB-ITnose

请教高手css的问题。_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:17:35
Original
949 Leute haben es durchsucht

请问高手,我在编写了.html和.css文件,主要内容就是编写一个斜体的红色字体的链接,里面用到了a:link,但是在编写另一个链接的时候要求不再使用css伪类而且使用的样式是普通的,可是我编写后,怎么运行都是受前面的样式影响。请问第二个链接如何不受影响呢?该怎么办?代码如下
xx.html:

 


 
 


伟大的中国



链接到百度





    链接到百度
 

xx.css文件如下:
a:link
 { font-size:30px;
  color:blue;
  text-decoration:underline;
  font-style:italic;
}





回复讨论(解决方案)

因为第一个a包含在里而第二个没有,所以可以修改样式为:
span a:link
{ font-size:30px;
  color:blue;
  text-decoration:underline;
  font-style:italic;
}

后面的覆盖前面的就行. 如果不行加一个  !important

缩小范围。比如

  
 
只是把第一个a标签的样式设定。其他的不变。就可以#a a:hover{}  这样就只有第一个在鼠标覆盖后边样式,其他不变

因为第一个a包含在里而第二个没有,所以可以修改样式为:
span a:link
{ font-size:30px;
  color:blue;
  text-decoration:underline;
  font-style:italic;
}

那请问高手,如果第一个和第二个都在中那又该怎么办?另外 span a:link这个怎么理解呢?

给a加class,然后a.class

这个你需要搞清楚,css的优先级,
这个很简单。
这都是基础问题。

废话 你定义了a:link,电脑默认你上面所有的a都是一样a:link后的颜色。怎么能得到你想要的。你要告诉电脑哪个是哪个

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage