Maison > interface Web > tutoriel HTML > 请教高手css的问题。_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:17:35
original
968 Les gens l'ont consulté

请问高手,我在编写了.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后的颜色。怎么能得到你想要的。你要告诉电脑哪个是哪个

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal