[已解决]#box img #box h4 #box h4 a:link #box p 这些是啥意思

swanseabrian

1. #box img {
   
2.     max-width: 100%;
   
3.     height: auto;
   
4.     margin-right: auto;
   
5.     margin-left: auto;
   
6.     z-index: -1;
   
7. }
   
8. #box h4{
   
9.         margin: 5px auto;
   
10.         color: #FFFFFF;
    
11.         font-size: 18px;
    
12. }
    
13. #box h4 a:link{
    
14.         text-decoration: none;
    
15.         color: #FFFFFF;
    
16. }
    
17. #box h4 a:hover{
    
18.         text-decoration: underline;
    
19.         font-weight: bold ;
    
20.         color: #BBBBBB;
    
21. }
    
22. #box h4 a:visited {
    
23.         COLOR:#FFFFFF;
    
24. }
    
25. #box h5{
    
26.         margin: -8px auto;
    
27.         font-size: 14px;
    
28.         color: #BBBBBB;
    
29. }
    
30. #box p{
    
31.         margin: 16px 16px 16px 16px;
    
32.         font: 15px;
    
33.         color: #BBBBBB;

复制代码

#box img #box h4 #box h4 a:link #box p
这些单独拿出来我知道
组合在一起是把 id为box里的  img  h4 p 分别设置不同的css吗?

我想请问一下,这内容 教程名字是啥, 我搜不到 这样写的 教程
谢谢

最佳答案

月排行榜 / 总排行榜

迷糊不迷糊芜湖

2021-12-31 10:45:06

这是包含选择器，#box img意思就是说id为box的标签下包含的img设置他的样式，其余的都是一样的意思；#box h4就是把id为box标签下包含的h4设置他的样式，#box h4 a:link 就是id为box的标签下包含的h4里面的a标签，链接未被访问时的样式，a:hover就是鼠标滑过链接时的样式。搜一下CSS选择器就有相关知识了

跳转到最佳答案楼层

jackz007

         想起一个醉鬼找不着自家门了，于是在楼下大喊："我是谁家的"？

wp231957

单独的css脱离html就没有意义了
至于你想根据这几个css代码去搜索它的母体
这是不可能实现的

swanseabrian

wp231957 发表于 2021-12-30 07:02
单独的css脱离html就没有意义了
至于你想根据这几个css代码去搜索它的母体
这是不可能实现的

不是搜索,我就是想看一个教程,
我不知道搜什么百度搜什么关键词 可以搜到这组合的教程,我不知道这样写,官方说法是怎么样的
举个例子吧
#这叫id选择器对吧
.这叫类选择器对吧
然后
#box img
#box h4
这样组合的写法,官方是怎么定义名字的,我好去搜一下教程
仅些而已,
之前可能表达 不清,
不好意思
谢谢

wp231957

swanseabrian 发表于 2021-12-30 09:07
不是搜索,我就是想看一个教程,
我不知道搜什么百度搜什么关键词 可以搜到这组合的教程,我不知道这样写, ...

去b站搜css教程，总有一款适合你

迷糊不迷糊芜湖

这是包含选择器，#box img意思就是说id为box的标签下包含的img设置他的样式，其余的都是一样的意思；#box h4就是把id为box标签下包含的h4设置他的样式，#box h4 a:link 就是id为box的标签下包含的h4里面的a标签，链接未被访问时的样式，a:hover就是鼠标滑过链接时的样式。搜一下CSS选择器就有相关知识了

swanseabrian

迷糊不迷糊芜湖 发表于 2021-12-31 10:45
这是包含选择器，#box img意思就是说id为box的标签下包含的img设置他的样式，其余的都是一样的意思；#box h ...

好人啊