Rumah > hujung hadapan web > html tutorial > 请教高手css的问题。_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:17:35
asal
969 orang telah melayarinya

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan