css3 - CSS Select div whose immediate sibling is NOT p -

-

this question has answer here:

i have situation:

the transition on entering is, after 1sec delay, fade-in 100% opacity:

transition: opacity 1s ease 1s;

the transition on leaving is, within 1sec fade out 0% opacity:

transition: opacity 1s;

the .leaving element removed after 1second. after removed want position:static on .entering

so in other words: "when .entering not followed .leaving, apply position:static" , "when .entering followed .leaving should position:absolute"

i'm trying this

.entering { position: absolute; }  .entering:not(+ .leaving) { position: static; }

however not working. ideas?

let's example in simplified case, background colors. if .entering followed .leaving, it's background color should red. if .entering followed non-.leaving (or followed nothing), background color should green.

for instance:

and when not followed leaving:

i tried color case here in fiddle - https://jsfiddle.net/noitidart/7utx2uwc/

<style> .entering { background-color:red; } .entering:not(.entering + .leaving) { background-color:green; } </style>  <div class="entering">entering</div> <div class="leaving">leaving</div>

please change ordering of both divs , use css style them:

html 

<div class="leaving">leaving</div> <div class="entering">entering</div>

css

.entering {   background-color:red; } .leaving + .entering {   background-color:green; }

please see demo: https://jsfiddle.net/7utx2uwc/3/


Comments

Post a Comment

Popular posts from this blog

C++: Boost interprocess memory mapped file error -

-
i'm trying create memory mapped file using this answer, i'm getting compile errors. code: namespace bi = boost::interprocess; std::string vecfile = "vector.dat"; bi::managed_mapped_file file_vec(bi::open_or_create,vecfile.c_str(), sizeof(struct rectangle) * data_size); typedef bi::allocator<struct rectangle, bi::managed_mapped_file::segment_manager> rect_alloc; typedef std::vector<struct rectangle, rect_alloc> myvec; myvec * vecptr = file_vec.find_or_construct<myvec>("myvector")(file_vec.get_segment_manager()); vecptr->push_back(random_rectangle); the struct this: struct rectangle{ rectangle(float *minarr, float *maxarr, int arr, int exp, int id){ this->arrival = arr; this->expiry = exp; this->id = id; for(int i=0; < 2; i++){ min[i] = minarr[i]; max[i] = maxarr[i]; } int arrival, expiry, id; float min[2]; float max[2]; } the error is: compiler not deduce template argu...
Read more

python - IO.UnsupportedOperation: Not Writable -

-
i have made program stores score attached name in .txt file. however, want print alphabetical order of name attached score. when run program come error io.unsupportedoperation: not writable here code: file = open(class_name , 'r') #opens file in 'append' mode don't delete information name = (name) file.write(str(name + " : " )) #writes information file file.write(str(score)) file.write('\n') linelist = file.readlines() line in sorted(linelist): print(line.rstrip()); file.close() you have opened file read only, attempted write it. file left open, attempt read it, if in append mode, file pointer @ end of file. try instead: class_name = "class.txt" name = "joe" score = 1.5 file = open(class_name , 'a') #opens file in 'append' mode don't delete information name = (n...
Read more

python - malformed header from script index.py Bad header -

-
i want run python code in apache2(ubuntu 14.04) server. have followed these steps , getting error: step 1: configuration 1: have created directory , file under /var/www/cgi-bin configuration 2 : have edited /etc/apache2/sites-available/000-default.conf alias /cgi-bin /var/www/cgi-bin <directory "/var/www/cgi-bin"> options indexes followsymlinks execcgi addhandler cgi-script .cgi .py allow </directory> <directory /var/www/cgi-bin> options </directory> step 2: and python script is: index.py #!/usr/bin/env python import cgi; import cgitb;cgitb.enable() print "content-type: text/plain\n" print "<b>hello python</b>" step 3: when ran through chrome browser using: url : http://localhost/cgi-bin/index.py step 4: i getting error in error-log malformed header script 'index.py': bad header: hello python you should end header \r\n, must print out yet \r\n signal body coming. (i...
Read more