How different these css selectors?

[attribute]                 [target]                      Selects all elements with a target attribute

[attribute = value]      [target = _blank]          Selects all elements with target = "_blank".

[attribute ~ = value]    [title ~ = flower]             Selects all elements with a title attribute containing the word 'flower '.

[attribute: = value]     [lang | = en]                   Selects all elements with a value attribute lang beginning with 'en '.

[attribute ^ = value] a [href ^ = "https"] selects all the < a > elements whose href attribute value begins with "https".

[attribute$ = value] has [href$ = '.pdf'] selects all the < a > elements whose href attribute value ends in ".pdf".

[attribute * = value] a [href * = "w3schools"] selects all the < a > elements whose href attribute value contains the substring "w3schools".

http://www.w3schools.com/cssref/css_selectors.asp

question: what is the difference between | and ^?  Are they the same?

Similarly, what is the difference between ~ and *?  Are they the same?

Seems a little odd that | and ~ are included if they are identical.  Sound | and ~ have been added in version 2.  Decided to go with more conventional symbols of ^ and * in version 3.

R

See if this helps:

http://www.w3schools.com/cssref/css_selectors.asp

CSS3 is the latest standard for CSS.

CSS3 is fully backward compatible with earlier versions of CSS.

Tags: Mac OS & System Software

Similar Questions

  • CSS selectors for Page templates (theme)

    Good day to you all:

    I used to change the page of an old application template by placing the following CSS selectors in the page template:

    .t4ContentBody {background-image: url(#WORKSPACE_IMAGES#bg1.jpg) ;}}

    .t4ReportsRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4FormRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4FormRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4Body {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4Hide {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    I don't remember how I found out the names of the different selectors (e.g. ContentBody, ReportsRegion, FormRegion, etc...)

    I use APEX version 4.2.6 theme 23.  How can I find the names for these elements of the page in my environment?  I completely forgot how do...

    Thank you

    Aqua

    AquaNX4 wrote:

    I used to change the page of an old application template by placing the following CSS selectors in the page template:

    .t4ContentBody {background-image: url(#WORKSPACE_IMAGES#bg1.jpg) ;}}

    .t4ReportsRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4FormRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4FormRegion .t4RegionBody {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4RegionHeader {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4Body {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    .t4HideandShowRegion .t4Hide {background-image: url(#WORKSPACE_IMAGES#honey.png) ;}}

    I don't remember how I found out the names of the different selectors (e.g. ContentBody, ReportsRegion, FormRegion, etc...)

    I use APEX version 4.2.6 theme 23.  How can I find the names for these elements of the page in my environment?  I completely forgot how do...

    You can identify the selectors required either by looking at the definitions of page templates and the region you use (Home > Application Builder > Application > shared components > models), or use a browser with a web inspector to display the source of the component when the application runs.

  • I am a newbie to this and I was wondering how to write CSS Code for text, text color, size text and text effects...

    Please keep in mind that I am a newbie. For the moment, I don't know how to write code, so I use Muse to try to build a Web site that is not super fancy writing know, then improve or build or create a new site later. I called Adobe and they said someone in the forums may know how to write code and that he could help me. That said, if someone could answer my questions and help me somehow, I'd be really grateful.

    1. How can I write code, what code should I write to

    Text?

    Color of the text?

    Text size?

    Text/Font Style

    Text effects (such as fly in or fly out, bounce in and out bounce, spin in and spin out, fade in and fade out, etc)?

    Direction of text effect?

    Time that the effect occurs, if it is applied, initiated, comes in? example fly in or fade?

    Time than the last.

    After the effect stops, turns off? example: fly away or fade out?

    2. how to enter the code Muse?

    3. should I have a program to write the code?

    4. is there a function I could use on my computer, such as Notepad, to write the code, copy and paste it into Muse?

    5. What is the best book or books to learn how to write css, code and everything I need to do to be able to do the above and more?

    6. is there anything else I need to know or do to be able to do these things with the text?

    You can find more information on the style of your text (paragraphs, titles, etc. in some of the tutorials here: TUTORIALS |) Adobe Muse CC

    You can also check out tutorials on this page for scrolling effects that can do some of the other effects you need. Without exactly knowing your use case it's hard to give specific advice.

    Basically if it is not covered undressed under the text, scrolling Effects tutorials or in a third party widget already made, then you will need to create it yourself using CSS. You will need to use some sort of browser Firebug like developer tools in Firefox to find the ID of the element you want to add the CSS to write the CSS code and insert it into the head section of the page properties.

  • How the file CSS &amp; JavaScript work in APEX

    I'm new to the concept of CSS and Javascript.

    I have after the query.

    1. I have to set my standard application in terms of font size, color, etc...
    What is the best way to do it... should I create a CSS file, and put all my styles out there and then use them in all the
    Pages using the entire application.

    2. it is by default we have one CSS file for each theme, that is to say CSS file of specific theme or application specific, if I want to
    create my own css file it will be ovveride the default. [can we have more than a single css file in an application]

    3. How can I see the APEX default CSS file.

    4. regarding javascript, where should I define javascript functions, if I use this func in most of the pages with the application.

    Someone can also me proven documentation link for - How to use CSS and Javascript in APEX.

    Thank you
    Deepak

    Hello

    In fact, I don't know why you use WORKSPACE_IMAGES instead of APP_IMAGES - what is just like that! This does not mean that other applications will automatically get the style sheet, as this would occur only if you have linked to the style sheet in their page designs

    Apex javascript and theme css files must be stored in the server your /images/ folder structure. If you use FireFox and the developer toolbar, you can use this to see the contents of the file. There is probably something similar in IE, but I only use too, so not sure what that snap would be ;)

    For multiple files, this shouldn't be a problem. For javascript files, the only question would be if you named one of your functions exactly the same as in the scripts of the Apex. In this case, it is likely that the second function would be used. There may also be a small problem with the names of variables (for example, var x ;) set outside the funtion blocks as you cannot set these two times.

    For files css, normal css rules apply when there are multiple instances of the same style - see: [http://www.w3.org/TR/CSS2/cascade.html#cascade]

    Basically, if you have:

    .x {color:red; border:1px solid blue;}
    

    followed by:

    .x {color:black; background-color:yellow;}
    

    True style applied the class name 'x' would be:

    .x {color:black; background-color:yellow; border:1px solid blue;}
    

    but, if you still want red text, you can override this by updating the first statement above to:

    .x {color:red!important; border:1px solid blue;}
    

    so, the result will be:

    .x {color:red!important; background-color:yellow; border:1px solid blue;}
    

    Note also that, if the class name of 'x' has been applied to a TD tag, and you have the following style somewhere:

    TD {font-size:12pt;}
    

    This would also apply, so the result would be:

    .x {font-size:12pt; color:red!important; background-color:yellow; border:1px solid blue;}
    

    This means that if, for example, you used the theme 1 of your application, you can override any of the styles using the style sheet of the theme with one of your own to apply a style to the class a topic 1. Tell him you want to change the style of t1Header of the theme used on a Standard report - you only need to do:

    .t1Header {background-color:pink}
    

    It is better not to override the styles that style a tag type (as in the example above of TD) as they apply to all the instances of this type of tag in the page - and this can cause unwanted results. If possible, stay with class names or ID values: for in a style class names, add a point in front of the name (as shown in the examples above for the class 'x'); for the ID values, use the symbol # (for example, #P1_ITEMNAME).

    All other styles for t1Header will remain the same and, more important still, you don't have to recreate every single style in the theme just to make this change.

    Finally, you can have as many javascript and css files as you wish. Each page template could bind to any of these, if you do not have to include all of them on each page - only those which are necessary for this model.

    Andy

  • What are the CSS selectors for the main Menu of FireFox 4?

    What are the CSS selectors for the main Menu of FireFox 4?
    http://img228.imageshack.us/img228/5512/ff4menubar.gif

    Always the same as in Firefox 3.5 and 3.6 versions:

    #main-menubar
    #file-menu
    #edit-menu
    #view-menu
    #history-menu
    #bookmarksMenu
    #tools-menu
    #helpMenu
    
  • I have microsoft fix Center, there a {codec crashes fix} I used it and it has disabled the files I need, can someone tell me how reinable these files to help!

    I have microsoft fix Center, there a {codec crashes fix} I used it and it has disabled the files I need, can someone tell me how reinable these files, help please!

    Hi Shawnmehringer,

    Thanks for posting in the Microsoft Community.

    It would be useful that you can answer these questions to help you further.

    1. have you installed Microsoft Fixit Center on your system?

    2 are. what codec fix you referring?

    3. which files are disabled and you try to activate again?

    If the problem is related to Microsoft Fixit center, you can ask your question on the Forums of Microsoft Fixit to get help.

    Microsoft Fix it Center Forums

    If you need help to resolve any issues related to Windows, please reply and we will be happy to help you.

  • How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    One of the ways to do this is the following: Editor Tryit v1.9

    You can also use floats to get something in the same direction.

  • How different users to use different Plan_Tables?

    How different users to use different Plan_Tables?
    I want that every user the use of its own from Plan_Table. How to achieve this?
  • The Oracle Forum - how do these changes work?

    Hello

    I work in an environment where many things is made unavailable for me as the FAQs in this forum. This forum has changed tremendously and slowed down considerably. I'm unable to determine that it should aim at Oracle.

    Meanwhile, is anyone know what mean answered and unanswered questions? How are these applied? What is the meaning points did?

    Kind regards
    Nancy

    Hi Nancy
    Yes, I noticed that the speed has improved. Sometimes it pays to complain! :-)

    It is good to see you back and thanks for the good words.

    By the point system is a way to get your icon in the light of the level of experience you have. The questions that you answer the more points you get so your icon will change. I think that Oracle would like our revealing icons of other users as to how dependent, they may be on our responses. Does that help?

    Concerning
    Michael

  • The safer browser and e-mail provider &amp; how are these viruses and malware problems to spread?

    I use Google Chrome and Internet Explorer 10 to surf the web. In my view, they have everything to lose if their browser has problems of security, however, makes also large target. A Yahoo email account has been hacked. How, I don't know. Then the spam was sent to all my contacts. I have used e-mail accounts, with all programs of well known web site outside of Yahoo. Hotmail/Live, AOL, Gmail, mail, and inbox.com. They all seem to work. With spam being a problem on Yahoo & Hotmail. For me your browser must protect users against viruses and software malware and other things of that nature. Because surf the Internet, it's what you want to do with a browser. How is distributed most of these things? What is the e-mail provider and a more secure browser.

    Hi dough.

    I agree with Bugbatter that even if all the major Webmail as some antivirus e-mail scanning, but you cannot rely solely on them. Also, it is not a question of what browser or webmail is more secure or better. Don't forget a website or a program can be infected sometime or another. However there are a few things to you, as a user, can do to protect yourself. As BB says above. It is your responsibility because it is your PC, your account and your identity that you want to protect.

    1.) keep your operating system (including your browsers) and the security of programs up to date. There are programs such as Java, Flash, Reader which are important targets by malicious software so that they can be used to infect your computer. If you can, avoid them, otherwise, leave enable automatic update so that any security flaw can be fixed in time.

    2.) use a strong password. Combination of 10 or more letters, numbers and symbols using capital letters too. Use different passwords for all your sites; emails, social, banking and hang them on a regular basis.

    3.) don't be click happy. Do not open unknown emails and if a friend sends attactments, call him or her or answer her and ask if he or she send these attactments. If something seems fishy, it's probably so don't click on don't it. Do some research first. Have a special folder where you can download your attactments and scann again. Do not open it directly fron the site, and if possible have a secondary scanner to get a second opinion. Malwarebytes is a good choice.

    In open wifi hotspots) 4 (coffe shops, airports) switch your firewall to 'Public' if possible and avoid banking on cibersites using a public PC.

    5.) have a backup strategy. Make a regular backup of your system and important documents (files, photos, emails, videos, music, Fav). Win 7 and Win 8 joined, I understand, a very good program to do this. There are other third-party programs that can also make an image of your HARD drive regularly.

    I think those are the mayor points to be relatively safe, but I imaging of other members of this forum can add a little more.

  • How to remove CSS for just a single page

    Hello

    I plan for the redesign of my site that has CSS styles, including the CSS style for the background image.

    I would like to see how my website would do with a different background but keep all typographical styles, etc that I did. If I delete that an element of style of the CSS styles sheets, then it will affect all other pages of my site - I don't want to do. Then what should I do?

    You can remove just a feature of CSS styles to a page?

    Or should I copy the CSS styles in an another style sheet, remove the background style and fix on my new page I can see what it looks like?

    Thanks for any help.

    Jane

    Could you tell me what the code should be, in the example below, if I want to just the background be white for only one page?

    In this case, create an ID in your external stylesheet as follows:

    #plaine - BG

    {background-color: #FFF;}

    background-image: none;

    }

    HTML:

    The content of your page goes inside the body tags.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    www.Alt-Web.com/
    www.Twitter.com/ALTWEB
    www.Alt-Web.blogspot.com

  • How different Persona to use LastPast for the site passwords?

    I can't say if the character is an improvement or just another way to accomplish the same thing.

    Persona is a connection authentication service. That's what a website needs to implement. It is totally different from lastpass, which is simply a password storage service.

    Tell Sync maybe? Sync is a way to store and synchronize your Firefox data (including but not limited to passwords) on multiple devices. How can I set up Sync on my computer? In this regard, it is equivalent to lastpass.

  • What is the CSS selector for the popup bubble when flat on a URL?

    I don't speak of popup is described here:
    https://support.Mozilla.org/en-us/KB/what-happened-status-bar?ESAB=a & As = AAQ

    I have a dark theme for Firefox, but it remains white. I would use custom CSS to turn it is black with white text (Chrome which comes, I migrated to ala), but I can't find the correct selector for it.

    Thanks in advance!

    I use this code:

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    
    statuspanel {max-width:90%!important}
    .statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}

    Add code to the file userChrome.css below default @namespace.

  • how different freo windows live hotmail windows live mail?

    can someone tell me please how windows live mail is different from windows live hotmail?

    Hello

    Windows Live Mail is a program that you download and install on your computer to email

    http://explore.live.com/Windows-Live-Mail?OS=other

    Hotmail is a web mail program that you access normally via the Internet even if you access them through Windows Live Mail

    http://en.Wikipedia.org/wiki/Hotmail

  • Vista HomePremium.SP2. Chnge workgroup option not available but may change the name of the computer. Can not enable file sharing. How Iactivate these options? Thanks in advance, Geoff

    Vista Home Premium.SP2. Working Group change option is not available on the system page, but I can only change the name of the computer. Can not turn on either file sharing. How to activate these options? Thanks in advance, Geoff

    Geoff

    1. If it is the domain controller, you cannot change the name of the computer by selecting network ID and this is normal.
    2. If it is a member of the computer in domain or workgroup, you don't have permission to change the name of the computer.
    .

    See this link for more information

    http://social.technet.Microsoft.com/forums/en-us/itprovistanetworking/thread/a552c6f8-AB02-44e5-9FF9-471ebc7ac1c6/

Maybe you are looking for

  • Coursera site does not

    Firefox (version 34.0) constantly displays "Loading"... "and an 8 horizontal when I try to access www.coursera.org. It worked very well - the problem must have started in the last 6 weeks or more. I already tried in 'safe mode' and the problem persis

  • Game Center does not load, block the phone.

    Hello, I have an iPhone with the latest OS 9.2.1 6. This month I had problems with Game Center works not at all. I did the following to try to fix it without success: -Hard reboot the iPhone in now the home button and the power button. -Signed on iCl

  • HP officejet pro 8710: difference between HPOffice Jet Pro 8710 and 8715

    I just bought a HP 8715 at costco but went to Staples and their model is 8710. seller says the 8715 is a lesser model feature offered only to large stores and discount stores... is this true.  When I install with the disc, for the 8715, he keeps refe

  • Windows vista calendar

    where can I post it?

  • If I get a Helix now, can I replace the chip with a Haswell when coming out?

    Someone on the Lenovo Facebook mentioned that it would be possible to put a chip Haswell in an existing Lenovo convertible, and that doesn't seem right to me because it takes a different connector. Is - is this legitimate?