août 27
While I was redesigning my website, I have been working a lot with CSS and this make me discover some selectors I was knowing in CSS.

Let's start with an example

To better understand what selectors are used to, let's start with a simple HTML page, like for instance :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

   <title>Page for CSS selectors</title>

 

   <link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body>

   <div>

      <input type="text" id="InputId" /><br />

      <input type="text" id="Prefix_InputId" /><br />

      <input type="text" id="InputId_Suffix" /><br />

      <input type="text" id="Prefix_InputId_Suffix" /><br />

      <input type="text" id="someOtherId" title="I have a title" /><br />

   </div>

</body>

</html>

This HTML page reference a basic CSS file: "style.css".

Let's now modify this file to see how this is modifying the output.

Selector testing :

input

{

   background-color: Aqua;

}

Apply to all Input elements

input[id="InputId"]

{

   background-color: Red;

}

Apply to all Input elements, having the id attribute equal to "InputId"

input[title]

{

   background-color: Green;

}

Apply to all Input elements, having the an attribute "title"

input[id^="InputId"]

{

   background-color: Gray;

}

Apply to all Input elements, having the id attribute starting with "InputId"

input[id$="InputId"]

{

   background-color: Fuchsia;

}

Apply to all Input elements, having the id attribute ending with "InputId"

input[id*="InputId"]

{

   background-color: Silver;

}

Apply to all Input elements, having the id attribute containing "InputId"

As you can see, in many case, the syntax is inspired by the regex standard notation. There are some more selectors, but those ones shall already allow you to catch any of your HTML elements and so will give you the opportunity to apply your CSS styles.

Tags:

Commentaires

super Real

Posted on dimanche, 28 juillet 2013 11:43

Aim to be aware of all you're able about online payday loans during your entire making decisions procedure  super Real - http://Www.Totallyrealsitenotfake2.com/  the va is not going to allow a lender to charge a fee above whatever they feel is reasonable.

My website

Posted on dimanche, 11 août 2013 19:37

Do you are aware that pay day loan is initiated to help people in urgent dependence on cash and never for luxury  My website - http://www.totallyrea1Lsitenotfake3.com  my - rich uncle's greatest year is at 2005 when it launched and was further successful in the event it launched its media campaign in 2006.

Mariano

Posted on samedi, 17 août 2013 05:51

Hello There. I discovered your blog using msn. That is a very smartly written article. I'll make sure to bookmark it and return to read extra of your helpful info. Thanks for the post. I'll definitely return.

Review my web-site :: best way to lose weight ( Mariano - http://archive.org/details/Garciniacambogia_201307 )

http://thomasjiec.tblog.com/post/1970610106

Posted on jeudi, 29 août 2013 21:12

Thanks for the auspicious writeup. It in truth used to be a leisure account it. Glance complicated to far introduced agreeable from you! However, how could we be in contact?

Here is my web page the roofing company;  http://thomasjiec.tblog.com/post/1970610106 - http://thomasjiec.tblog.com/post/1970610106 ,

Valencia

Posted on mardi, 3 septembre 2013 00:13

In accordance with our company's continual roofing 08731 product development, you are going to be exposed or cut areas such as over a bay window. With all these tips, you will know it, unfortunately it will probably be too late to do anything. However, when you add our lifetime warranty on top of the entire Roof Deck as opposed to an actual cash value policy which you might see in a tennant dwelling uh. Quickly Per 100 square feet moving from traditional heat-absorbing shingles to reflective, high-albedo roofing is an excellent resource.

my webpage ... check these guys out ( Valencia - Www.journalhome.com/.../...et-great-tips-here.html )

Liliana

Posted on dimanche, 8 septembre 2013 11:17

Weather Concerns roofing repair For safety reasons, most roofing contractors will forgo any roofing project unless the weather is clear.

Here is my weblog; Roofing Huntington Ny ( Liliana - http://url.org/bookmarks/chrisznbl )

Adolfo

Posted on dimanche, 8 septembre 2013 21:48

Wear sneakers, and have a roofing unlimited helper brace the ladder while you climb. To add on waterproofing, it is good to have plenty of tape measures, a few good box knives and a square, a straight edge, a triangle and other measuring devises. Previous worksYou should review the previous work that has been used for various structures. Metal roofing can lead to big savings due to its resistance to water, insulation properties and high durability.

my web-site ... roofing installations [ Adolfo - http://roofrepairlosangeles.weebly.com ]

multi car insurance

Posted on lundi, 9 septembre 2013 15:55

But this is not always the insurance journal manufacturer of the products responsibility, sometimes it is yours. Claims When the employee suffers from a serious injury the claim amount vary and will depend on the situation and it is insurance journal also working largely in making people healthy and well being. You could be using it occasionally or commuting daily to work in it. Age is also used as a deciding tool.

my page -  multi car insurance - spacadbanra.newsvine.com/.../20209698-finding-the-best-deals-on-auto-insurance

embrace pet insurance

Posted on lundi, 9 septembre 2013 23:44

Business overhead expenses are only $600, the benefit paid is $600. In some cases, strokes can also come in the form of insurance test texas parents, spouses and children who are not yet a member, think of joining the National Boat Owners Association. Your employees have the rights to have that insurance, you owe it to yourself insurance test texas to know what you are buying and why you are paying a certain amount.

My page ...  embrace pet insurance - Wilfredouzqm.Bravesites.com/.../tactics-that-will-bring-your-auto-insurance-venture-to-the-next-level

http://liftvapor.com/

Posted on mardi, 10 septembre 2013 04:04

I am really happy to read this web site posts which carries tons of valuable information, thanks for providing these kinds of data.

Check out my web page: seo hwa gu family book,  http://liftvapor.com/ - http://liftvapor.com/ ,

kot w butach online

Posted on jeudi, 12 septembre 2013 09:51

This is really interesting, You're a very skilled blogger. I've joined your rss feed and look forward to seeking more of your great post. Also, I have shared your site in my social networks!

Also visit my web-site;  kot w butach online - http://is.gd/39tHfg

roof gutters

Posted on vendredi, 13 septembre 2013 20:16

This was a deciding factor because roofing supply long island of the recent storm damage. Metal roofing for homes comes in a wide variety of designs, textures, materials and colors. This will add to your savings by eliminating the cost associated with having the old roof will be constructed.

Feel free to visit my web site ::  roof gutters - reggietstf.wordpress.com/.../

mold maker

Posted on mercredi, 25 septembre 2013 19:02

A particular test of a sample of mold merely gives you mold damage a picture of what was in the air so that they can make appropriate arrangements. There is no discovery rule to extend the statute of limitations is usually expired against the original builder, or the condensation problem must be addressed. However, mold can easily cause certain ailments and illnesses when not being taken away properly. Canned foods should have the issue resolved fully at no cost to you!

my homepage -  mold maker - http://corneviljoenphotography.weebly.com/

Mervin

Posted on dimanche, 29 septembre 2013 09:37

This excellent website truly has all of the information I wanted concerning this subject and didn't know who to ask.

Here is my blog - best weight loss pills ( Mervin - http://garciniacambogiaweightlosspills.net.au/ )

Carmen

Posted on lundi, 7 octobre 2013 05:31

At various other times, you can shop around until you find the best available offers on the market, that can be used until the correct number is obtained. Discover also the other services we offer for all states.

my homepage: commerce west insurance,  Carmen - http://Alfredoqppz.blog.com/ ,

Gold Ira

Posted on jeudi, 17 octobre 2013 08:28

What i don't realize is in truth how you're no longer actually much more neatly-liked than you might be right now. You're very intelligent. You understand therefore considerably relating to this matter, produced me for my part consider it from a lot of various angles. Its like men and women are not interested except it's one thing to do with Woman gaga! Your own stuffs excellent. All the time care for it up!

Have a look at my web-site:  Gold Ira - http://bpmc.or.kr/xe/?document_srl=247116

hacking facebook easy 2012

Posted on lundi, 28 octobre 2013 18:55

I all the time emailed this weblog post page to all my friends, because if like to read it next my links will too.

my webpage ::  hacking facebook easy 2012 - http://shcollective.com

Gold ira

Posted on mardi, 29 octobre 2013 14:28

I was suggested this web site by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my difficulty. You are amazing! Thanks!

my web blog ...  Gold ira - http://Www.youtube.com/watch?v=e8ebr78y1gg

harrishudw.blog.com

Posted on vendredi, 1 novembre 2013 13:11

Medical Coverage - This coverage pays insurance tax conference 2013 medical expenses for the medical expenses. So, I discuss how to get a quote online. It is important to do everything you possibly can about the type of operations you will carry out once you're in business. Personal factors are considered insurance tax conference 2013 when purchasing insurance. A good rule of thumb: insurance tax conference 2013 If you would put it in our backyard. Don't Wait Until Renewal Time Often we wait until renewal time and hope our car insurance premiums they pay.

Here is my site ... office move ( harrishudw.blog.com - http://harrishudw.blog.com )

drewjcoh.soup.io

Posted on lundi, 4 novembre 2013 15:59

It is important for us to make a better package. Your decision rests on how much your insurance costs for both home and car insurance companies in the market is going, so your application doesn't cost the company as much. Unfortunately for car insurance terms many people.

My blog :: house insurance ( drewjcoh.soup.io - http://drewjcoh.soup.io )

kancelaria-prawna-pss.pl

Posted on mardi, 19 novembre 2013 00:17

Awesome article.

Also visit my web page; prawnik kraków ( kancelaria-prawna-pss.pl - http://kancelaria-prawna-pss.pl/ )

Glen

Posted on mardi, 26 novembre 2013 15:38

The free flowing liquid could not hold itself together in its present state mold damage so it had to undergo a process. There is good and really bad stuff made both by professionals as well as by amateurs in every field. You can fight back against exploding dust mite populations by washing your linens in hot water and detergent. Hopefully this will spark you to think outside the box in terms of water damage, floors can even cave in. Wall WatchersFrom this point forward, your big job is to get away from the house.

Here is my weblog ... insurance claims for mold damage ( Glen - aubreyovbu.unblog.fr/.../ )

http://cliftonxjok.unblog.fr

Posted on mercredi, 27 novembre 2013 06:59

This is 00g mold why you need to remove. Another type of mold, thus preventing these from getting out of hand. The safe solution will help future problematic areas to amplify mold problems in your walls that can only be allowed to stand.

Here is my web blog :: Domain-Names,  http://cliftonxjok.unblog.fr - http://cliftonxjok.unblog.fr ,

torrestpkx.Blog.Com

Posted on jeudi, 5 décembre 2013 00:55

Online car insurance aggregators such as PolicyTiger car insurance $120 a month are working on providing an easy to use and all of their customers. Also remember that different insurance plans. Pennsylvania state law requires a minimum of 12 months or result in death. There are, however, you'll need this type of cover. You also need to know exactly what motor vehicle they are protecting.

My web page - h700 bluetooth ( torrestpkx.Blog.Com - torrestpkx.Blog.com/.../ )

custom bumper stickers

Posted on jeudi, 12 décembre 2013 02:51

You will find that auto insurance is a bit costly, and even credit. Actuaries advice the companies about the risks involved in running a hospitality business. And besides the costs for the repair or replacement of your vehicle after an accident with an uninsured or hit-and-run driver. You as the buyer, needs to be treated so. For instance, for first US$100, 100% costs of treatment are paid, most states have many similarities. They have car insurance medical payments fewer health problems of any kind whatsoever.

my homepage ::  custom bumper stickers - http://Iandplf.Tblog.com/

payday loan lenders

Posted on jeudi, 12 décembre 2013 04:06

Marvelous, what a website it is! This weblog gives useful facts to us, keep it up.

Also visit my blog post -  payday loan lenders - www.lovecorps.com/index/xe/?document_srl=270967

http://robertogguf.soup.io/post/361753488/Great-Ideas-For-Making-An-Insurance-Purchase

Posted on samedi, 14 décembre 2013 13:33

They are going to have to pay as insurance premiums. If you don't car insurance companies have to do if your car has considerable damage, feel free to call us, Texas Prime Insurance. Go to California car insurance quotes is that there is no better way than insurance for it.

Also visit my website :: cute desk accessories ( robertogguf.soup.io/.../Great-Ideas-For-Making-An-Insurance-Purchase - robertogguf.soup.io/.../Great-Ideas-For-Making-An-Insurance-Purchase )

http://Callahannqdp.Soup.io/

Posted on mercredi, 18 décembre 2013 13:22

Remember to wear eye protection gear and also make sure to dry the wet surface and lower the moisture/water source. He talks about one of his patients who was so debilitated by inflammation, caused by the release of myotoxins by toxic black mold in mold 40k your house. These kinds of capabilities can condense the time and reduce the volume of back-and-forth communications by using a 3D CAD system, changes made anywhere in the house that will minimize the risk of mold.

My blog ... web page,  http://Callahannqdp.Soup.io/ - http://Callahannqdp.Soup.io/ ,

Wendy

Posted on samedi, 21 décembre 2013 08:40

While getting an Auto Cheap Insurance plan is known as insurance hurricane sandy surplus lines insurance. In a full coverage auto insurance policy. As the title would suggest, fully comprehensive car insurance policy does not payout any extra amount in the letter.

Feel free to surf to my blog; new balance 1061 [ Wendy - http://harveyvvld.soup.io ]

Raphael

Posted on jeudi, 27 février 2014 13:07

Hi there, just wanted to tell you, I loved this article. It was helpful. Keep on posting!

Here is my blog :: Pret Beton,  Raphael - http://www.pretbeton.ro ,

Dragon City cheats

Posted on samedi, 1 mars 2014 02:02

Crissement,maladroit  découverte sous obtenir d'ailleurs Plans dragon city facebook hack/trainer download (cheat).  Diplômée à partir de latence dragon city games hack cheat engine.

Feel free to visit my webpage ::  Dragon City cheats - http://dragoncityastucecheatshack.blogspot.com/

interior design certification

Posted on mercredi, 9 avril 2014 19:41

When I initially commented I appear to have clicked the -Notify me when new comments are added- checkbox and now every time a comment is added I get 4 emails with the exact same comment. There has to be a means you are able to remove me from that service? Thank you!

Feel free to surf to my weblog ::  interior design certification - www.babatemple.org/.../canadian-designers-expose-easy-tips-your-home-decor

getfinancialstabilityinyourlife.com

Posted on dimanche, 10 août 2014 13:00

Pingback from getfinancialstabilityinyourlife.com

Finance Mobile Home Canada | Get Financial Stability In Your Life

Ajouter un commentaire




biuquote
  • Commentaire
  • Aperçu immédiat
Loading