我在这里的样式（ul，li或a）

我有一个CSS文件，我在一个网站上找到它，但我对此有困惑。代码是：我在这里的样式（ul，li或a）

ul li a { 
background-color: FFFFFF; 
border: 1px solid 86B3E6; 
color: 2F62AC; 
display: block; 
font-size: 17px; 
font-weight: bold; 
margin-bottom: -1px; 
padding: 12px 10px; 
text-decoration: none; 
direction:rtl; 
}

所以，我在这里的样式？因为我知道，这应该是（（a））的标签，所以如果我添加

display:inline-block;

到（（UL））标签的造型，我发现这里（（UL display: block）），它应该工作，但不幸的是我失败了做到这一点。

也许我以后会再有一个问题，但是为了计时，我想了解代码并更正我的信息。

最好的问候和感谢提前，

加里卜

编辑：我希望同时使用内联块和块，这里是我的全部代码：

ul.ablock { 
display: block; 
} 
ul.aninline { 
display: inline-block; 
float: right; 
width: 50%; 
} 
a { 
background-color: FFFFFF; 
border: 1px solid 86B3E6; 
color: 2F62AC; 
display: block; 
font-size: 17px; 
font-weight: bold; 
margin-bottom: -1px; 
padding: 12px 10px; 
text-decoration: none; 
direction:rtl; 
-webkit-border-top-left-radius: 8px; 
-webkit-border-top-right-radius: 8px; 
-webkit-border-bottom-left-radius: 8px; 
-webkit-border-bottom-right-radius: 8px; 
} 
a:active, a:hover { 
background-color:2F62AC; 
color:FFFFFF; 
}

和HTML是这样的：

<ul class="ablock"> 
<li><a href="#" onclick="mSearch($('#SearchText').val());"><div align="center">Find</div></a></li> 
</ul> 
<ul class="aninline"> 
<li><a href="#"><div align="center">Back</div></a></li> 
<li><a href="#"><div align="center">Next</div></a></li> 
</ul>

来源

2013-10-24 Gharib

您正在设计的是李氏儿童轮胎的儿童轮胎 –

我编辑我的帖子，所以请帮助我。 – Gharib

您正在定位<a>元素在这里。 ul和li的原因在于，您的目标是特定的嵌套a。也就是说，你的目标是一个<a>，它是<li>的后裔，而后者又是<ul>的后裔。

如果你想添加dispay: inline-block所有<ul>元素那么规则上面ul li a要添加：

ul { display: inline-block; }

来源

2013-10-24 11:51:25 ediblecode

不仅仅是'li'的孩子 –

@PatsyIssa我知道。最初我以为他意味着三者中的哪一个试图设计风格，但只是编辑了我的答案以掩盖歧义 – ediblecode

非常感谢。那么为什么我无法在内联风格ul？ – Gharib

以上选择将针对其嵌套li下的所有a元件，其正在进一步嵌套ul，这是一个通用的元素选择器，它将针对所有属于该模式的元素a。这是更好地是具体的，使用class代替，如

ul.class_name li a { 
    /* Styles goes here */ 
}

上述选择器将只定位的嵌套li其具有class称为.class_name

一个 ul元件下进一步嵌套下 a元件

正如您所评论的那样，您似乎想要定位一个ul元素，而不是像

ul { 
    /* Styles goes here */ 
}

将应用样式的所有ul元素，相反，是特定的，或者指定一个class您ul元素，并使用像

ul.class_name { 
    /* Styles goes here */ 
}

选择或者你也可以使用嵌套选择像

div.wrapper_div ul { 
    /* Styles goes here */ 
}

在此，在上述选择器，我们选择所有这些嵌套.wrapper_div下ul。

只是一个侧面说明，你似乎是这么糊涂不想更迷惑你，所以不要读这个，你可以简单地忽略，但如果你想学，只要确保，如果你的目标ul，请确保您使用>选择这将选择直接的孩子，因为用户li下往往巢ul元素，比方说下拉菜单，这是常见的，所以最好使用一个选择像

div.class_name > ul { /* Selects first level ul elements */ 
    /* Styles goes here */ 
} 

ul > li > ul { /* Selects nested level ul elements */ 
    /* Styles goes here */ 
}

来源

2013-10-24 11:53:35

+1的细节。 – ediblecode

@jumpingcode谢谢:) –

@Mr。 Alien（（ul> li> ul））这对我来说是新的，谢谢。 – Gharib

我在这里的样式（ul，li或a）

回答

相关问题