XHTMLOL

XHTML and CSS (10)


You know you could use the asterisk selector, right?

.this.project:not(.awesome){
 font-style: bold;
 }



What’s great is that I know they’re actually there

<section id="rest-of-the-project">

<details style="visibility: hidden">

<p>Timelines</p>

<p>Scope</p>

<p>Requirements</p>

</details>

</section>



How’s that HTML5 Website project going?

<progress class="none">

</progress>



You really know how to screw with me, don’t you?

Web Geeks in the wild

You Really know how to screw with me, don’t you?

<h2 class="woot">new project launch date</h2>

__________________

h2:before{

content: "proposed";

}

.woot{

display: none;

}



Congratulations on the new Harley Davidson

You're an asshole

</strong>

</jealousy>




His Attendance Was Unnecessary AND Unacceptable

<DIV id="technical" class="meeting"></DIV>

<HEAD class="your-boss"><STYLE type="text/css">

.your-boss {color:#fa17ed;}

.contributions{display:none}

</STYLE></HEAD>



Hey, I think you forgot to close something…

<section id="your-mouth">

<p> This entire workshop he's  teaching </p



But We Don’t Think A Helmet Would Matter

<head>

<meta name="description" content="You've made it clear that you're very special">

<meta name="keyword" content="special, ed">

</head>

----------

head{ border-width:thick; padding:100%}

 




It Wasn’t Because of the Fuschia Jump Suit, either

<a href="//my-next-party/">

<codetype="html">Even if he apologizes for assaulting my fish...

</a>

I don't think <span id="your-boyfriend">  he  </span> is invited back.

__________________
 a:visited{color:#A55;}

#your-boyfriend:{min-height:"taller than a horse jockey";}



Pay Raises

<style type="text/css">

#pay{

width: 3em;

height: 3em; }

#raise{

display:none;

visibility: hidden;}

#pay #raise p:after{

content:"bullcrap"}

</style>

<body>

<div id="pay"><div id="raise"><p>Two Years of Hard work</p> </div></div>

</body>