html - Apply css if element exists using CSS selector -

-

i have header in such way hide image , span's in pheader div if "banner" exists. there quick way using css selectors? below html code.

<header>    <div id="banner">      <!-- main content -->    </div>    <div class="pheader">      <div class="user-panel">        <div id="hey-user" class="d2c-user-panel">          <img src="../images/defaultheadshot_lg.png" class="userimg">          <!-- hide -->          <span class="caret" id="down-arrow"></span>          <span class="hey-user d2c-header-username"><b>hello</span>        </div>  </header>

yes.

#banner + .pheader img, #banner + .pheader span { display:none; }

this selector applies if .pheader directly after #banner.

you might find tutsplus article useful:

the 30 css selectors must memorize

.pheader {    padding: 1em;    background: lightblue;  }  #banner + .pheader img,  #banner + .pheader span {    display: none;  }
<header>    <div id="banner">      <!-- main content -->    </div>    <div class="pheader">      <div class="user-panel">        <div id="hey-user" class="d2c-user-panel">          <img src="http://lorempixel.com/output/animals-q-c-100-100-3.jpg" class="userimg" />          <span class="caret" id="down-arrow">arrow</span>          <span class="hey-user d2c-header-username"><b>hello</b></span>        </div>      </div>    </div>  </header>

it's worth noting i've had close few divs in original html structure missing code.


Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

c# - Get rid of xmlns attribute when adding node to existing xml -

-
i have xml-file: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:d>some content</d> </a> </root> i need add new node in specific place, code is: var doc = xdocument.load(file); xnamespace ns2 = "namespace"; doc.element(ns2 + "root").element(ns2 + "a").element(ns2 + "c").addafterself( new xelement(ns2+"new", new xelement("new1", new xelement("new2","some content"), new xelement("new3", "some content")))); the output is: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:new> <new1 xmlns=""> <new2>some content</new2> ...
Read more