Starter CSS 

主な要素一覧

/**
 * Content sectioning
 */
h1{
 
}
h2{
 
}
h3{
 
}
h4{
 
}
h5{
 
}
h6{
 
}
address{
	
}
aside{
	
}
footer{
	
}
header{
	
}
nav{
	
}
section{

}
/**
 * Text content
 */
blockquote{
	
}
dd{
	
}
dir{
	
}
div{
	
}
dl{
	
}
dt{
	
}
figcaption{
	
}
figure{
	
}
hr{
	
}
li{
	
}
main{
	
}
ol{
	
}
p{
	
}
pre{
	
}
ul{
	
}

/**
 * Inline text semantics
 */
a{
	
}
abbr{
	
}
b{
	
}
bdi{
	
}
bdo{
	
}
br{
	
}
cite{
	
}
code{
	
}
data{
	
}
dfn{
	
}
em{
	
}
i{
	
}
kbd{
	
}
mark{
	
}
nobr{
	
}
q{
	
}
rp{
	
}
rt{
	
}
rtc{
	
}
ruby{
	
}
s{
	
}
samp{
	
}
small{
	
}
span{
	
}
strong{
	
}
sub{
	
}
sup{
	
}
time{
	
}
tt{
	
}
u{
	
}
var{
	
}
wbr{
	
}
/**
 * Image and multimedia
 */
area{
	
}
audio{
	
}
img{
	
}
map{
	
}
track{
	
}
video{
	
}
/**
 * Embedded content
 */
applet{
	
}
embed{
	
}
noembed{
	
}
object{
	
}
param{
	
}
picture{
	
}
source{
	
}
/**
 * Demarcating edits
 */
del{
	
}
ins{

}
/**
 * Table content
 */
caption{
	
}
col{
	
}
colgroup{
	
}
table{
	
}
tbody{
	
}
td{
	
}
tfoot{
	
}
th{
	
}
thead{
	
}
tr{
	
}
Forms{
	
}
/**
 * Forms
 */

button{
	
}
datalist{
	
}
fieldset{
	
}
form{
	
}
input{
	
}
label{
	
}
legend{
	
}
meter{
	
}
optgroup{
	
}
option{
	
}
output{
	
}
progress{
	
}
select{
	
}
textarea{
	
}
/**
 * Form type attribute
 */
[type="button"]{
	
}
[type="checkbox"]{
	
}
[type="color"]{
	
}
[type="date"]{
	
}
[type="datetime-local"]{
	
}
[type="email"]{
	
}
[type="file"]{
	
}
[type="hidden"]{
	
}
[type="image"]{
	
}
[type="month"]{
	
}
[type="number"]{
	
}
[type="password"]{
	
}
[type="Note"]{
	
}
[type="radio"]{
	
}
[type="range"]{
	
}
[type="reset"]{
	
}
[type="search"]{
	
}
[type="submit"]{
	
}
[type="tel"]{
	
}
[type="text"]{
	
}
[type="time"]{
	
}
[type="url"]{
	
}
[type="week"]{
	
}
[type="datetime"]{
	
}



WordPress Core body_class()とpost_class()が出力するクラス一覧

/**
 * Core body class
 */
/* static */
.rtl {
 /* # Checks if current locale is RTL (Right To Left script). */
}
.home {
 /* # Depends on the site’s “Front page displays” Reading Settings ‘show_on_front’ and ‘page_on_front’. \n If you set a static page for the front page of your site, this function will return true when viewing that page. */
}
 .blog {
 /* # Add if blog view homepage, otherwise false. */
}
.archive {
 /* For # Month, Year, Category, Author, Post Type archive */
}
.date {
 /* # For date archive */
}
.search {
 /* # For search */
}
.search-results {
 /* # If found posts in search result */
}
.search-no-results {
 /* # If NOT found any posts in search result */
}
.paged {
 /* # On paged result and not for the first page */
}
.attachment {
 /* # On attachment page */
}
.error404 {
 /* # On 404 page */
}
.single {
 /* # Add for any post type, except {attachments} and {pages} */
}
.single-format-standard {
 /* # standard post format */
}
.post-type-archive {
 /* # post type archive page */
}
.author {
 /* # author page */
}
.category {
 /* # category page */
}
.tag {
 /* # Tags page */
}
.page {
 /* # existing single page */
}
.page-parent {
 /* # Parent page only */
}
.page-child {
 /* # Child page only */
}
.page-template {
 /* # Page templates only */
}
.page-template-default {
 /* # Default page templates only */
}
.logged-in {
 /* # Logged in user */
}
.admin-bar {
 /* # Only in admin bar */
}
.no-customize-support {
 /* # Only in admin bar */
}
.custom-background {
 /* # If theme support 'custom-background' or get_background_image() */
}
.wp-custom-logo {
 /* # If the site has a custom logo. */
}
/* dinamic */
/**
 * .single-[sanitize_html_class($post->post_type, $post_id)] */

/**
 * .postid-[$post_id] */

/**
 * .single-format-[sanitize_html_class( $post_format )] */

/**
 * .attachmentid-[$post_id] */

/**
 * .attachment-[str_replace( $mime_prefix, '', $mime_type )] */

/**
 * .post-type-archive-[sanitize_html_class( $post_type )] */

/**
 * .author-[sanitize_html_class( $author->user_nicename, $author->ID )] */

/**
 * .author-[$author->ID] */

/**
 * .category-[$cat_class] */

/**
 * .category-[$cat->term_id] */

/**
 * .tag-[$tag_class] */

/**
 * .tag-[$tag->term_id] */

/**
 * .tax-[sanitize_html_class( $term->taxonomy )] */

/**
 * .term-[$term_class] */

/**
 * .term-[$term->term_id] */

/**
 * .page-id-[$page_id] */

/**
 * .parent-pageid-[$post->post_parent] */

/**
 * .page-template-[sanitize_html_class( str_replace( array( '.', '/' ), '-', basename( $part, '.php' ) ) )] */

/**
 * .page-template-[sanitize_html_class( str_replace( '.', '-', $template_slug ) )] */

/**
 * .paged-[$page] */

/**
 * .single-paged-[$page] */

/**
 * .page-paged-[$page] */

/**
 * .category-paged-[$page] */

/**
 * .tag-paged-[$page] */
/**
 * .date-paged-[$page] */

/**
 * .author-paged-[$page] */

/**
 * .search-paged-[$page] */

/**
 * .post-type-paged-[$page] */

/**
 * Core post class
 */
/**
 * post-[ID] */

/**
 * [post_type] */

/**
 * type-[post_type] */

/**
 * status-[post_status] */

/**
 * format-[post_format] */

/**
 * hentry */

/**
 * category-[slu>
g


 */

関連

necolas/normalize.css: A modern alternative to CSS resets
extractCSS - htmlから、クラス id を抽出するサービス
OneClickCSS - htmlから、クラス id を抽出するサービス

Photo by Marvin Ronsdorf on Unsplash


新着記事

コメントは受け付けていません。