Más contenido relacionado La actualidad más candente (20) Similar a CSS3 and Selectors (20) Más de Rachel Andrew (20) CSS3 and Selectors2. RACHEL ANDREW
@rachelandrew
rachelandrew.co.uk
edgeofmyseat.com
grabaperch.com
7. W3C MATURITY LEVELS
Working Draft
Candidate Recommendation
Proposed Recommendation
W3C Recommendation
http://www.w3.org/2005/10/Process-20051014/tr#maturity-levels
10. SELECTORS MODULE
W3C Proposed Recommendation
http://www.w3.org/TR/css3-selectors/
14. CSS3 SELECTORS
“Common sense” new selectors
target elements more precisely without adding
classes
17. DYNAMIC
PSEUDO-CLASS
a:hover {}
a:active {}
34. :nth-of-type
select multiple elements according to their
position in the document tree BUT only those
elements that are the same as the type the rule is
applied to.
94. JQUERY: LAST-CHILD
ul#navigation li:last-child, ul#navigation li.last {
! ! border-bottom: none;
}
<script src="http://code.jquery.com/jquery-latest.js"></
script>
<script>
$(document).ready(function(){
! $("ul#navigation li:last-child").addClass("last");
});
</script>
95. JQUERY: NTH-CHILD
tr:nth-child(odd) td, td.odd {
! background-color: #f0e9c5;
}
<script src="http://code.jquery.com/jquery-latest.js"></
script>
<script>
$(document).ready(function(){
! $("tr:nth-child(odd) td").addClass("odd");
});
</script>
97. WHAT IS A POLYFILL?
A polyfill, or polyfiller, is a piece of code (or
plugin) that provides the technology that you, the
developer, expect the browser to provide natively.
http://remysharp.com/2010/10/08/what-is-a-polyfill/
106. THANK YOU!
@rachelandrew
rachelandrew.co.uk
edgeofmyseat.com
grabaperch.com