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

swanseabrian

#box img {
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    z-index: -1;
}
#box h4{
        margin: 5px auto;
        color: #FFFFFF;
        font-size: 18px;
}
#box h4 a:link{
        text-decoration: none;
        color: #FFFFFF;
}
#box h4 a:hover{
        text-decoration: underline;
        font-weight: bold ;
        color: #BBBBBB;
}
#box h4 a:visited {
         COLOR:#FFFFFF;
}
#box h5{
        margin: -8px auto;
        font-size: 14px;
        color: #BBBBBB;
}
#box p{
        margin: 16px 16px 16px 16px;
        font: 15px;
        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 ...

好人啊