代码之家 › 专栏 › 技术社区 › Henry Lynx

无法选择没有html元素标记的css文本

less label css html

1

Henry Lynx · 技术社区 · 8 年前

我有一个自动生成的文件输入表单元素:

<div id="university_logo">
  <img src=/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg>
    <div class="form-group">
       <label class="control-label" for="id_univercity_logo">Logo</label>
        <div class="row bootstrap3-multi-input">
          <div class="col-xs-12">
            Currently: 
            <a href="/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg">userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg</a><br />
            Change:
            <input type="file" name="univercity_logo" autocomplete="off" class="" title="" id="id_univercity_logo" />
          </div>
        </div>
    </div>
</div>

我正在尝试删除标签“当前:”和“更改:”

我的css代码是:

#university_logo {
  .form-group{
    .row{
      margin-left: 0;
      margin-right: 0;
      .col-xs-12{
        *:not(#id_univercity_logo){
          display: none;
        }
      }
    }
  }
}

然而,这两个标签并没有消失。

我可以选择没有标签标签的标签吗?

2 回复 | 直到 8 年前

1

2

Ylama 8 年前

可以使用 visibility

.col-xs-12 {
visibility:collapse; /*hidden, in this case same result*/
font-size: 0px;
}

.col-xs-12 input{
    visibility:visible;
}

.col-xs-12 a{
    visibility:visible;
    font-size: 15px;
}

<div id="university_logo">
  <img src=/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg>
    <div class="form-group">
       <label class="control-label" for="id_univercity_logo">Logo</label>
        <div class="row bootstrap3-multi-input">
          <div class="col-xs-12">
            Currently: 
            <a href="/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg">Image Tag</a><br />
            Change:
            <input type="file" name="univercity_logo" autocomplete="off" class="" title="" id="id_univercity_logo" />
          </div>
        </div>
    </div>
</div>

2

0

Bhargav Chudasama 8 年前

尝试 css code 这边

#university_logo .form-group .row {
  margin-left: 0;
  margin-right: 0;
}

.col-xs-12 {
  display: none;
}

<div id="university_logo">
  <img src=/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg>
  <div class="form-group">
    <label class="control-label" for="id_univercity_logo">Logo</label>
    <div class="row bootstrap3-multi-input">
      <div class="col-xs-12">
        Currently:
        <a href="/media/userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg">userprofile/Metallica_-_2008_-_Death_Magnetic_-_Front.jpg</a><br /> Change:
        <input type="file" name="univercity_logo" autocomplete="off" class="" title="" id="id_univercity_logo" />
      </div>
    </div>
  </div>
</div>