html – 如果div不存在,你可以在CSS中应用CSS规则吗?

前端之家收集整理的这篇文章主要介绍了html – 如果div不存在,你可以在CSS中应用CSS规则吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是可能的,用CSS?

如果.div1不存在,则应用此规则:

  1. .div2{
  2. property: value;
  3. }

喜欢

  1. <div class="div1">
  2. ...
  3. </div>
  4.  
  5. <div class="div2">
  6. <!-- it exists,so do nothing -->
  7. </div>

  1. <div class="div2">
  2. <!-- it doesn't exist,apply the css -->
  3. </div>

解决方法

如果你知道div的’unsyled’样式,你可以使用一个css兄弟选择器来设计它的方式,如果它遵循.div1,而’plain’的方式,如果它不 –
  1. .div2 {
  2. /* styled however you want */
  3. }
  4. .div1 + .div2 {
  5. /* 'plain' styling */
  6. }

See the fiddle.尝试删除div1看到div2,因为它将被风格没有div1

猜你在找的HTML相关文章