html - Can I select css parent element? -


this question has answer here:

i'm trying create product selection css using checkbox. codes here

.vfb-checkbox{    width:180px;    height:130px;   background:url('http://i304.photobucket.com/albums/nn181/amam_dewan/2932337756_1845773ed4_q_d_zpsea5idhnt.jpg');  }  /* checkboxes */    .vfb-checkbox label {  		  cursor: pointer;  	    display: block;  	    position: relative;    width:100%;    height:100%;    	}  	  .vfb-checkbox label:before {    	    content: "";        height:100%;        width:100%;  	    position: absolute;    	    left: 0;  	}  .vfb-checkbox label:hover{    background:rgba(0,0,0,.7) url(http://i304.photobucket.com/albums/nn181/amam_dewan/selected_zpsvfoaira0.png)center center no-repeat;  }    	  .vfb-checkbox input[type=checkbox] {        	display: none;  	}  	  	     input[type=checkbox]:checked + label:before {    	    background: rgba(0,0,0,.4) url('http://i304.photobucket.com/albums/nn181/amam_dewan/selected_zpsvfoaira0.png') center center no-repeat;    	}
<div class="vfb-checkbox">           <label for="check1">       <input id="check1" type="checkbox" name="check" value="check1">    </label>    </div>

when click on image should checked not working. when set label tag followed input tag it's working, want exact same html structure.

there no parent selector in css.


Comments

Post a Comment

Popular posts from this blog

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more

PHP OOP-based login system -

lets building oop-based user authentication system, , incorporate following principles: direct injection, inheritance, encapsulation, polymorphism , single responsibility principle. my background in programming has relied on procedural programming, , thus, finding difficult put these practices correct use. assume have these classes: class config { public function set($key, $value); public function get($key, $default = null); } class user { public function __construct(pdo $dbh, $id = null); public function setprofile(profile $profile); } class auth { public function __construct(config $config); public function login($username, $password, $keeploggedin = true); public function isloggedin(); public function getloggedinuser(); public function logout(); public function register(array $data); } class session { public function start($sessionname = null); public function write($key, $value); public function read($key, $default =...
Read more

c# - Nested Internal Class with Readonly Hashtable throws Null ref exception.. on assignment -

in internal game class , have both a) defined nested internal gamertags class , b) defined gamertags[] _array variable. in internal gamertags class (the nested class, simplicity left out) have readonly hashtable . after initialization, still null ref exception when try assign value. i'm not changing pointer value only , need add initialization hastable? internal class gamertags { private readonly hashtable _privatereadonlyhashtable; private string _json; private string _hash; internal idictionary privatereadonlyhashtable { { return this._privatereadonlyhashtable; } } internal string hash { { this.ensurehash(); return this._hash; } } internal object this[string key] { { return this._privatereadonlyhashtable[k...
Read more