Question

您好我是HTML和CSS的新手所以我想知道它们之间的区别将我的所有填充，显示var放在下面 list-style-type。例如，如果我将ul#tabs放在display:inline;内，我的文字就不会出现在同一行中。我也很困惑，将值放在ul#tabs li和#tabs li a和#tabs之间有什么区别。我的猜测是#tabs下的任何属性都会发生在内部的任何内容中，包括我在标签ID和#tabs li中包含的其他内容或其他任何内容，只会向#tabs内的内容执行<a>个ID。如果是这种情况tab做了什么，为什么我不能在我的ul#tabs li部分代码中放置display：inline。对不起，很长的问题。谢谢。

ul#tabs{}

Answer 1

Drew是正确的，您正在考虑此示例中的特异性以及它适用的内容。将CSS视为框，在大多数情况下，外框中的更改会影响内框。 :)如果你想用填充影响中间框，你可以将填充放在那里，但请记住，最内部的框也会受到影响。从这个意义上讲，您可以非常广泛地应用价值观：

body{
    }
        #Title{
            position: absolute;
            top:5px;
            right:600px;
        }
        ul#tabs { 
            list-style-type: none; margin: 30px 0 0 0; padding: 0.2em 0.5em 0.3em 0; /* takes off bullets (list-style..) */ 
            color: #42454a; text-decoration: none;
            padding: 0.6em 0.7em 0.8em 0.9em; 
        }
        ul#tabs li {
            display: inline; /* puts them on same line */
            }

这是一种可以影响#tabs下所有文本和列表的方法，但要确保单个列表是内联的。

添加以下内容：

 ul#tabs li {

让它更加具体，因为您要使用ID“标签”列出父列表下的单个列表项。

更好的方法是：

#tabs li

它会查找ID为“tabs”的元素，并查看其下是否有列表项。现在，如果你想要真正的技术，你可以使用一个类列表项，如“mylistitems”，然后写：

＃tabs.mylistitems

这将搜索ID为“tabs”的元素（在本例中为ul），然后开始使用类“mylistitems”查找其下的另一个元素。从技术上讲，您也可以这样做：

ul li {
}

这会定位所有列表项。对不起，这是一个很长的响应，希望这能为您提供一些编写CSS选择器的独特方法。

放置显示：内联;在我的#tabs id部分

1 个答案: