html - Do @media queries still work on links when also using a:hover, a:visited, etc -


I have a stylesheet that has both queries on the media and one: hover, one: tour, etc. in one element and This is an element that does not work @ media queries apply but a CSS: hover and A: visited does not work. I am thinking that these elements can not work together or if there is an error in my code.

Here's my code: 

  #button {background-color: # 003794; Font-family: helvetica; font-weight: bold; Font size: 1.9em; Color: # 0045b9; Text-decoration: None; Text-Shadow: 0 pixels 5 pixels 5 pixels # 00266 9, 0 pixels 4 pixels 4 pixels # 002c78, 0 pixels 3px3px # 002E7A, 0 pixel 2 pixel 2 pixel # 00338a, 0 px1 pixels1 pixel # 00348b; } A: Visited {background-color: # 003794; Font-family: helvetica; font-weight: bold; Font size: 1.9em; Color: # 0045b9; Text-decoration: None; Text-Shadow: 0 pixels 5 pixels 5 pixels # 00266 9, 0 pixels 4 pixels 4 pixels # 002c78, 0 pixels 3px3px # 002E7A, 0 pixel 2 pixel 2 pixel # 00338a, 0 px1 pixels1 pixel # 00348b; } A: Hover {background-color: # 003794; Font-family: helvetica; font-weight: bold; Font size: 1.9em; Color: # 003794; Text-decoration: None; } @ Media all and (max-width: 50m) {# button {font-size: 1.5m; }} @ Media all and (max-width: 40.625 AM) {# button {font-size: 1.25em; }} @ Media all and (max-width: 35EM) {#button {font-size: 1em; }} << Code>   
 
 
 Change  a: hover  to  #button:  Hover.  is not being applied due to a  rule because the  #button  selector is more specific. 
 
 Your CSS can also be simplified: 
 
  # button {background color: # 003794; Font-family: helvetica; font-weight: bold; Font size: 1.9em; Color: # 0045b9; Text-decoration: None; Text-Shadow: 0 pixels 5 pixels 5 pixels # 00266 9, 0 pixels 4 pixels 4 pixels # 002c78, 0 pixels 3px3px # 002E7A, 0 pixel 2 pixel 2 pixel # 00338a, 0 px1 pixels1 pixel # 00348b; } # Button: visited {color: # 0045b9; } #button: hover {color: # 003794; } @ Media all and (max-width: 50m) {# button {font-size: 1.5m; }} @ Media all and (max-width: 40.625 AM) {# button {font-size: 1.25em; }} @ Media all and (max-width: 35EM) {#button {font-size: 1em; }}  
 
 Working here.

Comments

Post a Comment

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

c - Error on building source code in VC 6 -

When I create my project in VC6, the BScMKE reports the following error Linking .. Creating Library ... .. / ... / PB / Bean / Debub / ICEERP.Lib and Object ........ P.B. / Bean / DBube / ICREPlay.APP Browse information file ... BSMMK: ​​error can not be read from BK 1505: file '../../PB/bin/TmpOut/ICReplay/Debug/ICReplay_PB.bsc' Error executing bscmake.exe Can someone help me? 2 Reason for reference from: "ICReplay_PB .bsc "file will be corrupted The trunk of the file will be happening with the compiler running out of disk space or is being interrupted when creating .sbr file I think this answer will help you!
Read more