html – 无法在CSS中的类中定位类

概述我试图在一个类中定位一个类,但它没有任何效果. 我的尝试： <style>.parentclass .childclass ul li a{ color:red; background:black;} </style><div class="parentclass"> <ul class="childclass"> <li><a href=" 我试图在一个类中定位一个类,但它没有任何效果.

我的尝试：

<style>.parentclass .childclass ul li a{    color:red;    background:black;}    </style><div >    <ul >        <li><a href="#">Item 1</a></li>        <li><a href="#">Item 2</a></li>    </ul></div>@H_502_14@  
但是,如果我只定位父类,它就可以正常工作.
  
  
.parentclass ul li a{    color:red;    background:black;}@H_502_14@  
有什么我想念的吗？
  
这是一个Jsfiddle链接
https://jsfiddle.net/74Laypbq/
解决方法 CSS：  
  
  
.parentclass .childclass ul li a{   color:red;   background:black;}@H_502_14@  
这实际意味着什么：
选择所有无序列表元素(< ul>)下所有列表项元素(< li>)下的所有链接(< a>),这些元素位于带有.childclass类的某个元素下,最终属于某个带有类的元素.parentclass.
  
HTML：
  
  
<div >    <ul >        <li><a href="#">Item 1</a></li>        <li><a href="#">Item 2</a></li>    </ul></div>@H_502_14@  
您可以看到的问题是,没有带有.childclass类的元素具有unordered-List元素(< ul>).
  
相反,有一个带有.childclass类的无序列表元素(< ul>)
  
即. < ul class =“childclass”>
  
因此,正确的方法是：
  
  
.parentclass ul.childclass li a{   color:red;   background:black; }@H_502_14@  
要么
  
  
.parentclass .childclass li a{   color:red;   background:black; }@H_502_14@  
要么
  
  
.parentclass ul li a{   color:red;   background:black; }@H_502_14@  
其中一个可能更适合您的使用,具体取决于您的其他HTML具有的其他类和元素以及它们的结构.但都是正确的方法.
                            	          总结       
以上是内存溢出为你收集整理的html – 无法在CSS中的类中定位类全部内容，希望文章能够帮你解决html – 无法在CSS中的类中定位类所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1050232.html