design - Can this CSS syntax be improved, be made more organized? -

-

A clear way to write the same CSS is given input name F1 to F7 all Is the first line like type = text ?

Thanks 

 #tform input [type = "text"] {-moz -border- Radius: 6px; Border: 1 px solid green; # Input input [name = "F1"], # input input [name = "F2"], # input input [name = "F3"], # input input [name = "F4"], # input Input [name = "F5"] {width: 40%; } #input input [name = "f6"] {width: 80%; Display area; } #input input [name = "f7"] {width: 80%; }

My problem is that I have 3 additional inputs: names F8, F8, F10 , also type = text which I give them Am Width:%; Naturally set width without

I thought about putting 40% in the first row and overriding the rest, but then those extra 3 will take 40% by default.

Clear it and use class selectors: 

 . Input_text {-message-radius: 6px; Border: 1 px solid green; }. Stella {width: 40%; } .styleb {width: 80%; Display area; }. Stylize {width: 80%;}

and then in your HTML: 

  & lt; Input type = "text" name = "f1" class = "input_text stylea" /> & Lt; Input type = "text" name = "f2" class = "input_text stylea" /> & Lt; Input type = "text" name = "f3" class = "input_text stylea" /> & Lt; Input type = "text" name = "f4" class = "input_text stylea" /> & Lt; Input type = "text" name = "f5" class = "input_text stylea" /> & Lt; Input type = "text" name = "f6" class = "input_text styleb" /> & Lt; Input type = "text" name = "f7" class = "input_text stylec" />

For any additional input elements, you can simply use the CSS selector style in this case .input_text , and additional class selectors ( Style, .styleb, .stylec ).

So when you add the rest: 

  & lt; Input type = "text" name = "F8" class = "input_text" /> & Lt; Input type = "text" name = "F9" class = "input_text" /> & Lt; Input type = "text" name = "F10" class = "input_text" />

They will look similar to other inputs but will not be constrained with the remaining width.


Comments

Post a Comment

Popular posts from this blog

ios - Form Sheet content disappearing -

-
Image
I am trying to apply a form sheet. Looks like this on the storyboard: App background only when I run Appears and everything else is hidden. I am presenting a form sheet using model sheets - I am working with the form sheet and I (WREGLR Regular) size. Why is this happening?
Read more

MySql variables and php -

-
I am getting an error with php in order to format mysql_query () in php to format this string What is the right way? SELECT SELECT SELECT (*) Agents @AgentCount; User_Agent_English, User_Angent_Oursal, US.___Gent_Aginal, COUNT (User_Agent_Percade) ACC, COUNT (*) / (AgentCount) Percentage by agents user_agent_preser order DEC limit limit 50; In PHP, how am i setting $ query $ query = "SELECT count (*) agents @ agentcount; SELECT user_agent_parsed, User_agent_original , COUNT (user_agent_parsed) ascount, COUNT (*) / (@AgentCount) as a percentage by user_agent_parced by URI date DESC limit 50 "; This exact query will work properly if I put it in MySQL directly through a command line session. Do I need to release two separate php calls from mysql_query () and store the results first? I get the following error: There is an error in your SQL syntax; Instead of using a sub-selection and instead of using the 'SELECT user_agent_parsed, user_agent_original, ne...
Read more

php - Laravel - Overriding a resource route into a different route filter group -

-
Does Laravel's routing work as expected? What I think, if I want to override a route, then I just have to give the expected route before each other. I have something like this: root :: group (array ('first' = & gt; 'defaultLoads' =); function () {root :: post 'Newsletter', 'newsletter controller @ store'); root: group (array ('(newsletter', 'newsletter controller');}}); That if I post this route, only http://domain.com/newsletter should run only the default loads route filter. However, when I call php Runs artisan routes , I get this: | | POST newsletter | newsletter.store | newslettercontroller@ store | default loads | login | | though it reads the route correctly (PHP artisan loads which The correct path is to the right place) but the file of the resource path even if it is not in the filter group, the path is affected. Then my question: How does it work Laravel? If so, do I post this -> Newsle...
Read more