CSS定义或修改没有类名和id名的元素样式

在使用第三方ui库element ui时需要修改一个没有类名和id名的元素DIV的样式，可以采用在CSS中设置的方式。

首先找到该元素的某一个带有id名或类名的父级元素，然后使用子元素选择器向下逐层选择直到获取到要修改的元素进行样式定义。

 

选择器：nth-child(n)

含义：选择父元素下的第n个子元素

例：

<div id="map">
  <div></div>
  <div>
    <div>寻找的元素</div>
  </div>
</div>

CSS样式

  /deep/ >#map>div:nth-child(2)>div:nth-child(1){
    position: absolute;
    right:-286px;
    top:50px;
    width:230px;
  }